From e66553705fa938beea5900bfc0ce1b12dabb07e5 Mon Sep 17 00:00:00 2001
From: Konstantin Schaper <konstantin.schaper@cloudogu.com>
Date: Thu, 11 Mar 2021 10:28:18 +0100
Subject: [PATCH] Create api for markdown ast plugins (#1578)

Currently we only have the option to adjust rendering of the markdown output, but no option to change the generated ast tree before rendering takes place (i.e. to adjust the structure like when replacing text with links). This PR adds a new api to create ast plugins that can be integrated with the markdown view component. This is intended to be backwards-compatible and work independently from the underlying implementation.

Co-authored-by: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
---
 gradle/changelog/markdown-ast-plugins.yaml    |      2 +
 scm-ui/ui-api/src/ApiProvider.tsx             |      5 +-
 .../.storybook/withApiProvider.js             |      1 +
 scm-ui/ui-components/package.json             |      1 +
 .../src/__snapshots__/storyshots.test.ts.snap | 216716 +++++----------
 scm-ui/ui-components/src/index.ts             |      5 +-
 .../{ => markdown}/MarkdownCodeRenderer.tsx   |      2 +-
 .../MarkdownHeadingRenderer.test.ts           |      0
 .../MarkdownHeadingRenderer.tsx               |      6 +-
 .../MarkdownLinkRenderer.test.tsx             |      0
 .../{ => markdown}/MarkdownLinkRenderer.tsx   |      2 +-
 .../{ => markdown}/MarkdownView.stories.tsx   |     20 +-
 .../src/{ => markdown}/MarkdownView.tsx       |     23 +-
 .../ui-components/src/markdown/PluginApi.ts   |      9 +
 .../src/markdown/createMdastPlugin.ts         |     12 +
 .../remarkChangesetShortLinkParser.test.ts    |      0
 .../remarkChangesetShortLinkParser.ts         |     19 +-
 17 files changed, 69503 insertions(+), 147320 deletions(-)
 create mode 100644 gradle/changelog/markdown-ast-plugins.yaml
 rename scm-ui/ui-components/src/{ => markdown}/MarkdownCodeRenderer.tsx (97%)
 rename scm-ui/ui-components/src/{ => markdown}/MarkdownHeadingRenderer.test.ts (100%)
 rename scm-ui/ui-components/src/{ => markdown}/MarkdownHeadingRenderer.tsx (97%)
 rename scm-ui/ui-components/src/{ => markdown}/MarkdownLinkRenderer.test.tsx (100%)
 rename scm-ui/ui-components/src/{ => markdown}/MarkdownLinkRenderer.tsx (98%)
 rename scm-ui/ui-components/src/{ => markdown}/MarkdownView.stories.tsx (83%)
 rename scm-ui/ui-components/src/{ => markdown}/MarkdownView.tsx (91%)
 create mode 100644 scm-ui/ui-components/src/markdown/PluginApi.ts
 create mode 100644 scm-ui/ui-components/src/markdown/createMdastPlugin.ts
 rename scm-ui/ui-components/src/{ => markdown}/remarkChangesetShortLinkParser.test.ts (100%)
 rename scm-ui/ui-components/src/{ => markdown}/remarkChangesetShortLinkParser.ts (86%)

diff --git a/gradle/changelog/markdown-ast-plugins.yaml b/gradle/changelog/markdown-ast-plugins.yaml
new file mode 100644
index 0000000000..27af250572
--- /dev/null
+++ b/gradle/changelog/markdown-ast-plugins.yaml
@@ -0,0 +1,2 @@
+- type: added
+  description: create api for markdown ast plugins ([#1578](https://github.com/scm-manager/scm-manager/pull/1578))
diff --git a/scm-ui/ui-api/src/ApiProvider.tsx b/scm-ui/ui-api/src/ApiProvider.tsx
index 50e9a05cb2..8319f55cb5 100644
--- a/scm-ui/ui-api/src/ApiProvider.tsx
+++ b/scm-ui/ui-api/src/ApiProvider.tsx
@@ -39,9 +39,10 @@ const queryClient = new QueryClient({
 type Props = LegacyContext & {
   index?: IndexResources;
   me?: Me;
+  devtools?: boolean;
 };
 
-const ApiProvider: FC<Props> = ({ children, index, me, onMeFetched, onIndexFetched }) => {
+const ApiProvider: FC<Props> = ({ children, index, me, onMeFetched, onIndexFetched, devtools = true }) => {
   useEffect(() => {
     if (index) {
       queryClient.setQueryData("index", index);
@@ -63,7 +64,7 @@ const ApiProvider: FC<Props> = ({ children, index, me, onMeFetched, onIndexFetch
       <LegacyContextProvider onIndexFetched={onIndexFetched} onMeFetched={onMeFetched}>
         {children}
       </LegacyContextProvider>
-      <ReactQueryDevtools initialIsOpen={false} />
+      {devtools ? <ReactQueryDevtools initialIsOpen={false} /> : null}
     </QueryClientProvider>
   );
 };
diff --git a/scm-ui/ui-components/.storybook/withApiProvider.js b/scm-ui/ui-components/.storybook/withApiProvider.js
index 1ae78e15f9..8fc42f2f01 100644
--- a/scm-ui/ui-components/.storybook/withApiProvider.js
+++ b/scm-ui/ui-components/.storybook/withApiProvider.js
@@ -39,6 +39,7 @@ const withApiProvider = (storyFn) => {
       groups: [],
       _links: {}
     },
+    devtools: false,
     children: storyFn()
   });
 }
diff --git a/scm-ui/ui-components/package.json b/scm-ui/ui-components/package.json
index e6fb4a2832..f8fbf5f485 100644
--- a/scm-ui/ui-components/package.json
+++ b/scm-ui/ui-components/package.json
@@ -42,6 +42,7 @@
     "@types/refractor": "^3.0.0",
     "@types/styled-components": "^5.1.0",
     "@types/to-camel-case": "^1.0.0",
+    "@types/unist": "^2.0.3",
     "css": "^3.0.0",
     "enzyme-context": "^1.1.2",
     "enzyme-context-react-router-4": "^2.0.0",
diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
index b89821b4cd..6edfcb550a 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -1,35 +1,58 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Annotate Default 1`] = `
-Array [
+<div
+  className="Annotatestories__Wrapper-sc-1fdvl94-0 hINPGW box"
+>
   <div
-    className="Annotatestories__Wrapper-sc-1fdvl94-0 hINPGW box"
+    style={
+      Object {
+        "position": "relative",
+      }
+    }
   >
-    <div
+    <pre
       style={
         Object {
-          "position": "relative",
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
         }
       }
     >
-      <pre
+      <code
+        className="language-go"
         style={
           Object {
             "MozHyphens": "none",
             "MozTabSize": "4",
             "OTabSize": "4",
             "WebkitHyphens": "none",
-            "background": "#ffffff",
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
             "fontSize": "13px",
             "hyphens": "none",
             "lineHeight": "1.5",
-            "margin": ".5em 0",
             "msHyphens": "none",
-            "overflow": "auto",
-            "padding": "1em",
             "tabSize": "4",
             "textAlign": "left",
             "textShadow": "none",
@@ -38,1088 +61,551 @@ Array [
             "wordSpacing": "normal",
           }
         }
-      >
-        <code
-          className="language-go"
-          style={
-            Object {
-              "MozHyphens": "none",
-              "MozTabSize": "4",
-              "OTabSize": "4",
-              "WebkitHyphens": "none",
-              "color": "#363636",
-              "direction": "ltr",
-              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
-              "hyphens": "none",
-              "lineHeight": "1.5",
-              "msHyphens": "none",
-              "tabSize": "4",
-              "textAlign": "left",
-              "textShadow": "none",
-              "whiteSpace": "pre",
-              "wordBreak": "normal",
-              "wordSpacing": "normal",
-            }
-          }
-        >
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Arthur Dent
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-09 15:07:42"
-                >
-                  2020-04-09
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              1
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#00a984",
-                    }
-                  }
-                >
-                  package
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   main
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
-            />
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              2
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Tricia Marie McMillan
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-05-10 11:18:42"
-                >
-                  2020-05-10
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              3
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                  
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#00a984",
-                    }
-                  }
-                >
-                  import
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#005f9a",
-                    }
-                  }
-                >
-                  "fmt"
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
-            />
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              4
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Arthur Dent
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-09 15:07:42"
-                >
-                  2020-04-09
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              5
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                  
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#00a984",
-                    }
-                  }
-                >
-                  func
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#ff3860",
-                    }
-                  }
-                >
-                  main
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  (
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  )
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  {
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Ford Prefect
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-12 18:29:42"
-                >
-                  2020-04-12
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              6
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                    fmt
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  .
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#ff3860",
-                    }
-                  }
-                >
-                  Println
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  (
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#005f9a",
-                    }
-                  }
-                >
-                  "Hello World"
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  )
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Arthur Dent
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-09 15:07:42"
-                >
-                  2020-04-09
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              7
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                  
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  }
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
-            />
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              8
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <span
-            style={Object {}}
-          >
-            
-
-          </span>
-        </code>
-      </pre>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            1
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              style={Object {}}
             >
               <span
+                className="token"
                 style={
                   Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
+                    "color": "#00a984",
                   }
                 }
-                suppressHydrationWarning={true}
               >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
+                package
               </span>
-               
               <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
+                style={Object {}}
               >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
+                 main
+
               </span>
             </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
           </div>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
           <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
+          />
           <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            2
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
+              
+
+            </span>
           </div>
         </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
           >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Tricia Marie McMillan
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-05-10 11:18:42"
+              >
+                2020-05-10
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            3
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#00a984",
+                  }
+                }
+              >
+                import
+              </span>
+              <span
+                style={Object {}}
+              >
+                 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#005f9a",
+                  }
+                }
+              >
+                "fmt"
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            4
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            5
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#00a984",
+                  }
+                }
+              >
+                func
+              </span>
+              <span
+                style={Object {}}
+              >
+                 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#ff3860",
+                  }
+                }
+              >
+                main
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                (
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                )
+              </span>
+              <span
+                style={Object {}}
+              >
+                 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                {
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Ford Prefect
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-12 18:29:42"
+              >
+                2020-04-12
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            6
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                  fmt
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                .
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#ff3860",
+                  }
+                }
+              >
+                Println
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                (
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#005f9a",
+                  }
+                }
+              >
+                "Hello World"
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                )
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            7
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                }
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            8
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <span
+          style={Object {}}
+        >
+          
+
+        </span>
+      </code>
+    </pre>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Annotate Markdown 1`] = `
-Array [
+<div
+  className="Annotatestories__Wrapper-sc-1fdvl94-0 hINPGW box"
+>
   <div
-    className="Annotatestories__Wrapper-sc-1fdvl94-0 hINPGW box"
+    style={
+      Object {
+        "position": "relative",
+      }
+    }
   >
-    <div
+    <pre
       style={
         Object {
-          "position": "relative",
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
         }
       }
     >
-      <pre
+      <code
+        className="language-markdown"
         style={
           Object {
             "MozHyphens": "none",
             "MozTabSize": "4",
             "OTabSize": "4",
             "WebkitHyphens": "none",
-            "background": "#ffffff",
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
             "fontSize": "13px",
             "hyphens": "none",
             "lineHeight": "1.5",
-            "margin": ".5em 0",
             "msHyphens": "none",
-            "overflow": "auto",
-            "padding": "1em",
             "tabSize": "4",
             "textAlign": "left",
             "textShadow": "none",
@@ -1128,1016 +614,479 @@ Array [
             "wordSpacing": "normal",
           }
         }
-      >
-        <code
-          className="language-markdown"
-          style={
-            Object {
-              "MozHyphens": "none",
-              "MozTabSize": "4",
-              "OTabSize": "4",
-              "WebkitHyphens": "none",
-              "color": "#363636",
-              "direction": "ltr",
-              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
-              "hyphens": "none",
-              "lineHeight": "1.5",
-              "msHyphens": "none",
-              "tabSize": "4",
-              "textAlign": "left",
-              "textShadow": "none",
-              "whiteSpace": "pre",
-              "wordBreak": "normal",
-              "wordSpacing": "normal",
-            }
-          }
-        >
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Arthur Dent
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-09 15:07:42"
-                >
-                  2020-04-09
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              1
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                      "fontWeight": "bold",
-                    }
-                  }
-                >
-                  #
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#a74eb2",
-                      "fontWeight": "bold",
-                    }
-                  }
-                >
-                   Title
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
-            />
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              2
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Tricia Marie McMillan
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-05-10 11:18:42"
-                >
-                  2020-05-10
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              3
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                This is a short Markdown text.
-
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
-            />
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              4
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Arthur Dent
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-09 15:07:42"
-                >
-                  2020-04-09
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              5
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                  With 
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                      "fontWeight": "bold",
-                    }
-                  }
-                >
-                  **
-                </span>
-                <span
-                  className="token content"
-                  style={
-                    Object {
-                      "fontWeight": "bold",
-                    }
-                  }
-                >
-                  bold
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                      "fontWeight": "bold",
-                    }
-                  }
-                >
-                  **
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   and 
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                      "fontWeight": "bold",
-                    }
-                  }
-                >
-                  __
-                </span>
-                <span
-                  className="token content"
-                  style={
-                    Object {
-                      "fontWeight": "bold",
-                    }
-                  }
-                >
-                  italic
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                      "fontWeight": "bold",
-                    }
-                  }
-                >
-                  __
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   words.
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Ford Prefect
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-12 18:29:42"
-                >
-                  2020-04-12
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              6
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                Arthur Dent
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-09 15:07:42"
-                >
-                  2020-04-09
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              7
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                  
-                </span>
-                <span
-                  className="token blockquote"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  &gt;
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   This should be a quote
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
-            />
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              8
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <span
-            style={Object {}}
-          >
-            
-
-          </span>
-        </code>
-      </pre>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            1
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              style={Object {}}
             >
               <span
+                className="token"
                 style={
                   Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
+                    "color": "#9a9a9a",
                     "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
                   }
                 }
-                suppressHydrationWarning={true}
               >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
+                #
               </span>
-               
               <span
+                className="token"
                 style={
                   Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
+                    "color": "#a74eb2",
                     "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
                   }
                 }
-                suppressHydrationWarning={true}
               >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
+                 Title
               </span>
-               
               <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
+                style={Object {}}
               >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
+                
+
               </span>
             </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
           </div>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
           <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
+          />
           <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            2
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
+              
+
+            </span>
           </div>
         </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
           >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Tricia Marie McMillan
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-05-10 11:18:42"
+              >
+                2020-05-10
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            3
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              This is a short Markdown text.
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            4
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            5
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                With 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                    "fontWeight": "bold",
+                  }
+                }
+              >
+                **
+              </span>
+              <span
+                className="token content"
+                style={
+                  Object {
+                    "fontWeight": "bold",
+                  }
+                }
+              >
+                bold
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                    "fontWeight": "bold",
+                  }
+                }
+              >
+                **
+              </span>
+              <span
+                style={Object {}}
+              >
+                 and 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                    "fontWeight": "bold",
+                  }
+                }
+              >
+                __
+              </span>
+              <span
+                className="token content"
+                style={
+                  Object {
+                    "fontWeight": "bold",
+                  }
+                }
+              >
+                italic
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                    "fontWeight": "bold",
+                  }
+                }
+              >
+                __
+              </span>
+              <span
+                style={Object {}}
+              >
+                 words.
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Ford Prefect
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-12 18:29:42"
+              >
+                2020-04-12
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            6
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            7
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                className="token blockquote"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                &gt;
+              </span>
+              <span
+                style={Object {}}
+              >
+                 This should be a quote
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            8
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <span
+          style={Object {}}
+        >
+          
+
+        </span>
+      </code>
+    </pre>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Annotate With Avatars 1`] = `
-Array [
+<div
+  className="Annotatestories__Wrapper-sc-1fdvl94-0 hINPGW box"
+>
   <div
-    className="Annotatestories__Wrapper-sc-1fdvl94-0 hINPGW box"
+    style={
+      Object {
+        "position": "relative",
+      }
+    }
   >
-    <div
+    <pre
       style={
         Object {
-          "position": "relative",
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
         }
       }
     >
-      <pre
+      <code
+        className="language-go"
         style={
           Object {
             "MozHyphens": "none",
             "MozTabSize": "4",
             "OTabSize": "4",
             "WebkitHyphens": "none",
-            "background": "#ffffff",
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
             "fontSize": "13px",
             "hyphens": "none",
             "lineHeight": "1.5",
-            "margin": ".5em 0",
             "msHyphens": "none",
-            "overflow": "auto",
-            "padding": "1em",
             "tabSize": "4",
             "textAlign": "left",
             "textShadow": "none",
@@ -2146,2913 +1095,45366 @@ Array [
             "wordSpacing": "normal",
           }
         }
-      >
-        <code
-          className="language-go"
-          style={
-            Object {
-              "MozHyphens": "none",
-              "MozTabSize": "4",
-              "OTabSize": "4",
-              "WebkitHyphens": "none",
-              "color": "#363636",
-              "direction": "ltr",
-              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
-              "hyphens": "none",
-              "lineHeight": "1.5",
-              "msHyphens": "none",
-              "tabSize": "4",
-              "textAlign": "left",
-              "textShadow": "none",
-              "whiteSpace": "pre",
-              "wordBreak": "normal",
-              "wordSpacing": "normal",
-            }
-          }
-        >
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                <img
-                  alt="Arthur Dent"
-                  className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
-                  src="https://robohash.org/arthur.dent@hitchhiker.com.png"
-                />
-                Arthur Dent
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-09 15:07:42"
-                >
-                  2020-04-09
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              1
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#00a984",
-                    }
-                  }
-                >
-                  package
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   main
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
-            />
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              2
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                <img
-                  alt="Tricia Marie McMillan"
-                  className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
-                  src="https://robohash.org/trillian@hitchhiker.com.png"
-                />
-                Tricia Marie McMillan
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-05-10 11:18:42"
-                >
-                  2020-05-10
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              3
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                  
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#00a984",
-                    }
-                  }
-                >
-                  import
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#005f9a",
-                    }
-                  }
-                >
-                  "fmt"
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
-            />
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              4
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                <img
-                  alt="Arthur Dent"
-                  className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
-                  src="https://robohash.org/arthur.dent@hitchhiker.com.png"
-                />
-                Arthur Dent
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-09 15:07:42"
-                >
-                  2020-04-09
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              5
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                  
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#00a984",
-                    }
-                  }
-                >
-                  func
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#ff3860",
-                    }
-                  }
-                >
-                  main
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  (
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  )
-                </span>
-                <span
-                  style={Object {}}
-                >
-                   
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  {
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                <img
-                  alt="Ford Prefect"
-                  className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
-                  src="https://robohash.org/ford.prefect@hitchhiker.com.png"
-                />
-                Ford Prefect
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-12 18:29:42"
-                >
-                  2020-04-12
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              6
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                    fmt
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  .
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#ff3860",
-                    }
-                  }
-                >
-                  Println
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  (
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#005f9a",
-                    }
-                  }
-                >
-                  "Hello World"
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  )
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
-              onMouseOut={[Function]}
-              onMouseOver={[Function]}
-            >
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
-              >
-                <img
-                  alt="Arthur Dent"
-                  className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
-                  src="https://robohash.org/arthur.dent@hitchhiker.com.png"
-                />
-                Arthur Dent
-              </div>
-               
-              <div
-                className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
-              >
-                <time
-                  className="DateElement-sc-1schp8c-0 gkptML"
-                  title="2020-04-09 15:07:42"
-                >
-                  2020-04-09
-                </time>
-              </div>
-               
-            </div>
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              7
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                <span
-                  style={Object {}}
-                >
-                  
-                </span>
-                <span
-                  className="token"
-                  style={
-                    Object {
-                      "color": "#9a9a9a",
-                    }
-                  }
-                >
-                  }
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </span>
-            </div>
-          </div>
-          <div
-            className="AnnotateLine__Line-h9c4md-4 cjyweO"
-          >
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
-            />
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
-            >
-              8
-            </div>
-             
-            <div
-              className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
-            >
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </div>
-          </div>
-          <span
-            style={Object {}}
-          >
-            
-
-          </span>
-        </code>
-      </pre>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              <img
+                alt="Arthur Dent"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
+                src="https://robohash.org/arthur.dent@hitchhiker.com.png"
+              />
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            1
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              style={Object {}}
             >
               <span
+                className="token"
                 style={
                   Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
+                    "color": "#00a984",
                   }
                 }
-                suppressHydrationWarning={true}
               >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
+                package
               </span>
-               
               <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
+                style={Object {}}
               >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
+                 main
+
               </span>
             </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
           </div>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
           <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
+          />
           <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            2
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
+              
+
+            </span>
           </div>
         </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
           >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              <img
+                alt="Tricia Marie McMillan"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
+                src="https://robohash.org/trillian@hitchhiker.com.png"
+              />
+              Tricia Marie McMillan
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-05-10 11:18:42"
+              >
+                2020-05-10
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            3
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#00a984",
+                  }
+                }
+              >
+                import
+              </span>
+              <span
+                style={Object {}}
+              >
+                 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#005f9a",
+                  }
+                }
+              >
+                "fmt"
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            4
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              <img
+                alt="Arthur Dent"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
+                src="https://robohash.org/arthur.dent@hitchhiker.com.png"
+              />
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            5
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#00a984",
+                  }
+                }
+              >
+                func
+              </span>
+              <span
+                style={Object {}}
+              >
+                 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#ff3860",
+                  }
+                }
+              >
+                main
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                (
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                )
+              </span>
+              <span
+                style={Object {}}
+              >
+                 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                {
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              <img
+                alt="Ford Prefect"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
+                src="https://robohash.org/ford.prefect@hitchhiker.com.png"
+              />
+              Ford Prefect
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-12 18:29:42"
+              >
+                2020-04-12
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            6
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                  fmt
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                .
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#ff3860",
+                  }
+                }
+              >
+                Println
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                (
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#005f9a",
+                  }
+                }
+              >
+                "Hello World"
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                )
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Metadata-h9c4md-5 cLNtyY gKMOKG has-text-info"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
+          >
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__Author-h9c4md-1 cLNtyY kApGwx"
+            >
+              <img
+                alt="Arthur Dent"
+                className="has-rounded-border AuthorImage-ygvjd8-0 kqvGlA"
+                src="https://robohash.org/arthur.dent@hitchhiker.com.png"
+              />
+              Arthur Dent
+            </div>
+             
+            <div
+              className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__When-h9c4md-2 cLNtyY bRzlfo"
+            >
+              <time
+                className="DateElement-sc-1schp8c-0 gkptML"
+                title="2020-04-09 15:07:42"
+              >
+                2020-04-09
+              </time>
+            </div>
+             
+          </div>
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            7
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                }
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </span>
+          </div>
+        </div>
+        <div
+          className="AnnotateLine__Line-h9c4md-4 cjyweO"
+        >
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY khRuUK"
+          />
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
+          >
+            8
+          </div>
+           
+          <div
+            className="AnnotateLine__LineElement-h9c4md-0 cLNtyY"
+          >
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </div>
+        </div>
+        <span
+          style={Object {}}
+        >
+          
+
+        </span>
+      </code>
+    </pre>
+  </div>
+</div>
 `;
 
 exports[`Storyshots BranchSelector Default 1`] = `
-Array [
+<div
+  className="BranchSelectorstories__Wrapper-cg4ke7-0 dcTwdD"
+>
   <div
-    className="BranchSelectorstories__Wrapper-cg4ke7-0 dcTwdD"
+    className="field is-horizontal"
   >
     <div
-      className="field is-horizontal"
+      className="BranchSelector__ZeroflexFieldLabel-sc-1120xyr-0 ckXqeS field-label is-normal"
+    >
+      <label
+        className="label is-size-6"
+      >
+        Select Branch
+      </label>
+    </div>
+    <div
+      className="field-body"
     >
       <div
-        className="BranchSelector__ZeroflexFieldLabel-sc-1120xyr-0 ckXqeS field-label is-normal"
-      >
-        <label
-          className="label is-size-6"
-        >
-          Select Branch
-        </label>
-      </div>
-      <div
-        className="field-body"
+        className="BranchSelector__NoBottomMarginField-sc-1120xyr-2 lQuwT field is-narrow"
       >
         <div
-          className="BranchSelector__NoBottomMarginField-sc-1120xyr-2 lQuwT field is-narrow"
+          className="BranchSelector__MinWidthControl-sc-1120xyr-1 kdNEww control"
         >
           <div
-            className="BranchSelector__MinWidthControl-sc-1120xyr-1 kdNEww control"
+            className="is-fullwidth select"
           >
-            <div
-              className="is-fullwidth select"
+            <select
+              className="DropDown__FullWidthSelect-jjsyoc-0 JtsUj"
+              disabled={false}
+              onChange={[Function]}
+              value=""
             >
-              <select
-                className="DropDown__FullWidthSelect-jjsyoc-0 JtsUj"
-                disabled={false}
-                onChange={[Function]}
-                value=""
+              <option
+                selected={false}
+                value="master"
               >
-                <option
-                  selected={false}
-                  value="master"
-                >
-                  master
-                </option>
-                <option
-                  selected={false}
-                  value="develop"
-                >
-                  develop
-                </option>
-              </select>
-            </div>
+                master
+              </option>
+              <option
+                selected={false}
+                value="develop"
+              >
+                develop
+              </option>
+            </select>
           </div>
         </div>
       </div>
     </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        />
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots BreadCrumb Default 1`] = `
-Array [
+<div
+  className="Breadcrumbstories__Wrapper-sc-1eq8sgz-0 hTbphm"
+>
   <div
-    className="Breadcrumbstories__Wrapper-sc-1eq8sgz-0 hTbphm"
+    className="is-flex is-align-items-center"
   >
-    <div
-      className="is-flex is-align-items-center"
+    <nav
+      aria-label="breadcrumbs"
+      className="Breadcrumb__BreadcrumbNav-zvtb4t-1 gyUWqH breadcrumb sources-breadcrumb ml-1 mb-0"
     >
-      <nav
-        aria-label="breadcrumbs"
-        className="Breadcrumb__BreadcrumbNav-zvtb4t-1 gyUWqH breadcrumb sources-breadcrumb ml-1 mb-0"
-      >
-        <ul>
-          <li>
-            <a
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/"
-              onClick={[Function]}
-            >
-              <i
-                className="fas fa-fw fa-home has-text-inherit Breadcrumb__HomeIcon-zvtb4t-2 hBZQpS"
-                title="breadcrumb.home"
-              />
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/src"
-              onClick={[Function]}
-              title="src"
-            >
-              src
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/src/main"
-              onClick={[Function]}
-              title="main"
-            >
-              main
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/src/main/java"
-              onClick={[Function]}
-              title="java"
-            >
-              java
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/src/main/java/com"
-              onClick={[Function]}
-              title="com"
-            >
-              com
-            </a>
-          </li>
-          <li
-            className="is-active"
-          >
-            <a
-              aria-current="page"
-              className="is-ellipsis-overflow"
-              href="/"
-              onClick={[Function]}
-            >
-              cloudogu
-            </a>
-          </li>
-        </ul>
-        <span
-          className="Breadcrumb__PermaLinkWrapper-zvtb4t-0 eqtJhO ml-1"
-        >
-          <span
-            className="tooltip has-tooltip-right"
-            data-tooltip="breadcrumb.copyPermalink"
+      <ul>
+        <li>
+          <a
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/"
+            onClick={[Function]}
           >
             <i
-              className="fas fa-link has-text-inherit"
-              onClick={[Function]}
+              className="fas fa-fw fa-home has-text-inherit Breadcrumb__HomeIcon-zvtb4t-2 hBZQpS"
+              title="breadcrumb.home"
             />
-          </span>
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/src"
+            onClick={[Function]}
+            title="src"
+          >
+            src
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/src/main"
+            onClick={[Function]}
+            title="main"
+          >
+            main
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/src/main/java"
+            onClick={[Function]}
+            title="java"
+          >
+            java
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/src/main/java/com"
+            onClick={[Function]}
+            title="com"
+          >
+            com
+          </a>
+        </li>
+        <li
+          className="is-active"
+        >
+          <a
+            aria-current="page"
+            className="is-ellipsis-overflow"
+            href="/"
+            onClick={[Function]}
+          >
+            cloudogu
+          </a>
+        </li>
+      </ul>
+      <span
+        className="Breadcrumb__PermaLinkWrapper-zvtb4t-0 eqtJhO ml-1"
+      >
+        <span
+          className="tooltip has-tooltip-right"
+          data-tooltip="breadcrumb.copyPermalink"
+        >
+          <i
+            className="fas fa-link has-text-inherit"
+            onClick={[Function]}
+          />
         </span>
-      </nav>
-    </div>
-    <hr
-      className="is-marginless"
-    />
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+      </span>
+    </nav>
+  </div>
+  <hr
+    className="is-marginless"
+  />
+</div>
 `;
 
 exports[`Storyshots BreadCrumb Long path 1`] = `
-Array [
+<div
+  className="Breadcrumbstories__Wrapper-sc-1eq8sgz-0 hTbphm"
+>
   <div
-    className="Breadcrumbstories__Wrapper-sc-1eq8sgz-0 hTbphm"
+    className="is-flex is-align-items-center"
   >
-    <div
-      className="is-flex is-align-items-center"
+    <nav
+      aria-label="breadcrumbs"
+      className="Breadcrumb__BreadcrumbNav-zvtb4t-1 gyUWqH breadcrumb sources-breadcrumb ml-1 mb-0"
     >
-      <nav
-        aria-label="breadcrumbs"
-        className="Breadcrumb__BreadcrumbNav-zvtb4t-1 gyUWqH breadcrumb sources-breadcrumb ml-1 mb-0"
-      >
-        <ul>
-          <li>
-            <a
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/"
-              onClick={[Function]}
-            >
-              <i
-                className="fas fa-fw fa-home has-text-inherit Breadcrumb__HomeIcon-zvtb4t-2 hBZQpS"
-                title="breadcrumb.home"
-              />
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path"
-              onClick={[Function]}
-              title="dream-path"
-            >
-              dream-path
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src"
-              onClick={[Function]}
-              title="src"
-            >
-              src
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main"
-              onClick={[Function]}
-              title="main"
-            >
-              main
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins"
-              onClick={[Function]}
-              title="scm-plugins"
-            >
-              scm-plugins
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer"
-              onClick={[Function]}
-              title="javaUtilityHomeHousingLinkReferrer"
-            >
-              javaUtilityHomeHousingLinkReferrer
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer/sonia"
-              onClick={[Function]}
-              title="sonia"
-            >
-              sonia
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer/sonia/scm"
-              onClick={[Function]}
-              title="scm"
-            >
-              scm
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer/sonia/scm/repositoryUndergroundSupportManager"
-              onClick={[Function]}
-              title="repositoryUndergroundSupportManager"
-            >
-              repositoryUndergroundSupportManager
-            </a>
-          </li>
-          <li>
-            <a
-              className="is-ellipsis-overflow"
-              href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer/sonia/scm/repositoryUndergroundSupportManager/spi"
-              onClick={[Function]}
-              title="spi"
-            >
-              spi
-            </a>
-          </li>
-          <li
-            className="is-active"
-          >
-            <a
-              aria-current="page"
-              className="is-ellipsis-overflow"
-              href="/"
-              onClick={[Function]}
-            >
-              SvnRepositoryServiceResolver.java
-            </a>
-          </li>
-        </ul>
-        <span
-          className="Breadcrumb__PermaLinkWrapper-zvtb4t-0 eqtJhO ml-1"
-        >
-          <span
-            className="tooltip has-tooltip-right"
-            data-tooltip="breadcrumb.copyPermalink"
+      <ul>
+        <li>
+          <a
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/"
+            onClick={[Function]}
           >
             <i
-              className="fas fa-link has-text-inherit"
-              onClick={[Function]}
+              className="fas fa-fw fa-home has-text-inherit Breadcrumb__HomeIcon-zvtb4t-2 hBZQpS"
+              title="breadcrumb.home"
             />
-          </span>
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path"
+            onClick={[Function]}
+            title="dream-path"
+          >
+            dream-path
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src"
+            onClick={[Function]}
+            title="src"
+          >
+            src
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main"
+            onClick={[Function]}
+            title="main"
+          >
+            main
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins"
+            onClick={[Function]}
+            title="scm-plugins"
+          >
+            scm-plugins
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer"
+            onClick={[Function]}
+            title="javaUtilityHomeHousingLinkReferrer"
+          >
+            javaUtilityHomeHousingLinkReferrer
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer/sonia"
+            onClick={[Function]}
+            title="sonia"
+          >
+            sonia
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer/sonia/scm"
+            onClick={[Function]}
+            title="scm"
+          >
+            scm
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer/sonia/scm/repositoryUndergroundSupportManager"
+            onClick={[Function]}
+            title="repositoryUndergroundSupportManager"
+          >
+            repositoryUndergroundSupportManager
+          </a>
+        </li>
+        <li>
+          <a
+            className="is-ellipsis-overflow"
+            href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer/sonia/scm/repositoryUndergroundSupportManager/spi"
+            onClick={[Function]}
+            title="spi"
+          >
+            spi
+          </a>
+        </li>
+        <li
+          className="is-active"
+        >
+          <a
+            aria-current="page"
+            className="is-ellipsis-overflow"
+            href="/"
+            onClick={[Function]}
+          >
+            SvnRepositoryServiceResolver.java
+          </a>
+        </li>
+      </ul>
+      <span
+        className="Breadcrumb__PermaLinkWrapper-zvtb4t-0 eqtJhO ml-1"
+      >
+        <span
+          className="tooltip has-tooltip-right"
+          data-tooltip="breadcrumb.copyPermalink"
+        >
+          <i
+            className="fas fa-link has-text-inherit"
+            onClick={[Function]}
+          />
         </span>
-      </nav>
-    </div>
-    <hr
-      className="is-marginless"
-    />
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+      </span>
+    </nav>
+  </div>
+  <hr
+    className="is-marginless"
+  />
+</div>
 `;
 
 exports[`Storyshots Buttons|AddButton Default 1`] = `
-Array [
+<div
+  className="indexstories__Spacing-bpoict-0 iisFck"
+>
+  <button
+    className="button is-default"
+    onClick={[Function]}
+    type="button"
+  >
+    <span
+      className="icon is-medium"
+    >
+      <i
+        className="fas fa-plus has-text-inherit"
+      />
+    </span>
+    <span>
+       
+      Add
+    </span>
+  </button>
+</div>
+`;
+
+exports[`Storyshots Buttons|Button Colors 1`] = `
+<div>
   <div
     className="indexstories__Spacing-bpoict-0 iisFck"
   >
     <button
-      className="button is-default"
+      className="button is-primary"
+      onClick={[Function]}
+      type="button"
+    >
+      primary
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-link"
+      onClick={[Function]}
+      type="button"
+    >
+      link
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-info"
+      onClick={[Function]}
+      type="button"
+    >
+      info
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-success"
+      onClick={[Function]}
+      type="button"
+    >
+      success
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-warning"
+      onClick={[Function]}
+      type="button"
+    >
+      warning
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-danger"
+      onClick={[Function]}
+      type="button"
+    >
+      danger
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-white"
+      onClick={[Function]}
+      type="button"
+    >
+      white
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-light"
+      onClick={[Function]}
+      type="button"
+    >
+      light
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-dark"
+      onClick={[Function]}
+      type="button"
+    >
+      dark
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-black"
+      onClick={[Function]}
+      type="button"
+    >
+      black
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-text"
+      onClick={[Function]}
+      type="button"
+    >
+      text
+       
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Buttons|Button Disabled 1`] = `
+<div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-primary"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      primary
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-link"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      link
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-info"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      info
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-success"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      success
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-warning"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      warning
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-danger"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      danger
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-white"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      white
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-light"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      light
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-dark"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      dark
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-black"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      black
+       
+    </button>
+  </div>
+  <div
+    className="indexstories__Spacing-bpoict-0 iisFck"
+  >
+    <button
+      className="button is-text"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      text
+       
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Buttons|Button Loading 1`] = `
+<div
+  className="indexstories__Spacing-bpoict-0 iisFck"
+>
+  <button
+    className="button is-primary is-loading"
+    onClick={[Function]}
+    type="button"
+  >
+     
+    Loading Button
+  </button>
+</div>
+`;
+
+exports[`Storyshots Buttons|CreateButton Default 1`] = `
+<div
+  className="indexstories__Spacing-bpoict-0 iisFck"
+>
+  <div
+    className="CreateButton__Wrapper-f29oo-0 gLRVct has-text-centered"
+  >
+    <button
+      className="button is-primary"
+      onClick={[Function]}
+      type="button"
+    >
+       
+      Create
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Buttons|DeleteButton Default 1`] = `
+<div
+  className="indexstories__Spacing-bpoict-0 iisFck"
+>
+  <button
+    className="button is-warning"
+    onClick={[Function]}
+    type="button"
+  >
+    <span
+      className="icon is-medium"
+    >
+      <i
+        className="fas fa-times has-text-inherit"
+      />
+    </span>
+    <span>
+       
+      Delete
+    </span>
+  </button>
+</div>
+`;
+
+exports[`Storyshots Buttons|DownloadButton Default 1`] = `
+<div
+  className="indexstories__Spacing-bpoict-0 iisFck"
+>
+  <a
+    className="button is-link"
+    disabled={false}
+    href=""
+    onClick={[Function]}
+  >
+    <span
+      className="icon is-medium"
+    >
+      <i
+        className="fas fa-arrow-circle-down"
+      />
+    </span>
+    <span>
+      Download
+    </span>
+  </a>
+</div>
+`;
+
+exports[`Storyshots Buttons|DownloadButton Disabled 1`] = `
+<div
+  className="indexstories__Spacing-bpoict-0 iisFck"
+>
+  <a
+    className="button is-link"
+    disabled={true}
+    href=""
+    onClick={[Function]}
+  >
+    <span
+      className="icon is-medium"
+    >
+      <i
+        className="fas fa-arrow-circle-down"
+      />
+    </span>
+    <span>
+      Download
+    </span>
+  </a>
+</div>
+`;
+
+exports[`Storyshots Buttons|EditButton Default 1`] = `
+<div
+  className="indexstories__Spacing-bpoict-0 iisFck"
+>
+  <button
+    className="button is-default"
+    onClick={[Function]}
+    type="button"
+  >
+     
+    Edit
+  </button>
+</div>
+`;
+
+exports[`Storyshots Buttons|SubmitButton Default 1`] = `
+<div
+  className="indexstories__Spacing-bpoict-0 iisFck"
+>
+  <button
+    className="button is-primary"
+    data-testid="submit-button"
+    onClick={[Function]}
+    type="submit"
+  >
+     
+    Submit
+  </button>
+</div>
+`;
+
+exports[`Storyshots CardColumn Default 1`] = `
+<div
+  className="CardColumnstories__Wrapper-sc-1ztucl-0 cZIPDx"
+>
+  <a
+    className="overlay-column"
+    href="/foo/bar"
+    onClick={[Function]}
+  />
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+  >
+    <figure
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
+    >
+      <i
+        className="fas fa-icons fa-2x fa-fw has-text-grey-light"
+      />
+    </figure>
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
+      <div
+        className="is-flex"
+      >
+        <div
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+        >
+          <p
+            className="shorten-text is-marginless"
+          >
+            <strong>
+              title
+            </strong>
+          </p>
+          <p
+            className="shorten-text"
+          >
+            A description can be added here.
+          </p>
+        </div>
+      </div>
+      <div
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
+      >
+        <div
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+        >
+          <small>
+            left footer
+          </small>
+        </div>
+        <div
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
+        >
+          <small>
+            right footer
+          </small>
+        </div>
+      </div>
+    </div>
+  </article>
+</div>
+`;
+
+exports[`Storyshots CardColumn Minimal 1`] = `
+<div
+  className="CardColumnstories__Wrapper-sc-1ztucl-0 cZIPDx"
+>
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+  >
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
+      <div
+        className="is-flex"
+      >
+        <div
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+        >
+          <p
+            className="shorten-text is-marginless"
+          >
+            <strong>
+              title
+            </strong>
+          </p>
+        </div>
+      </div>
+      <div
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
+      >
+        <div
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+        >
+          <small>
+            left footer
+          </small>
+        </div>
+        <div
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
+        >
+          <small>
+            right footer
+          </small>
+        </div>
+      </div>
+    </div>
+  </article>
+</div>
+`;
+
+exports[`Storyshots CardColumn With hoverable date 1`] = `
+<div
+  className="CardColumnstories__Wrapper-sc-1ztucl-0 cZIPDx"
+>
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+  >
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
+      <div
+        className="is-flex"
+      >
+        <div
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+        >
+          <p
+            className="shorten-text is-marginless"
+          >
+            <strong>
+              title
+            </strong>
+          </p>
+        </div>
+      </div>
+      <div
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
+      >
+        <div
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+        >
+          <small>
+            left footer
+          </small>
+        </div>
+        <div
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
+        >
+          <small
+            className="level-item"
+          >
+            <time
+              className="DateElement-sc-1schp8c-0 gkptML"
+              title="2020-03-23 09:26:01"
+            >
+              3 days ago
+            </time>
+          </small>
+        </div>
+      </div>
+    </div>
+  </article>
+</div>
+`;
+
+exports[`Storyshots CardColumnSmall Default 1`] = `
+<div
+  className="CardColumnSmallstories__Wrapper-ofr817-0 eWDSlT"
+>
+  <a
+    className="CardColumnSmall__StyledLink-tk9h0o-3 jGsrTe"
+    href="/foo/bar"
+    onClick={[Function]}
+  >
+    <div
+      className="media"
+    >
+      <figure
+        className="CardColumnSmall__AvatarWrapper-tk9h0o-4 evHbLN media-left"
+      >
+        <i
+          className="fas fa-icons fa-2x fa-fw has-text-grey-light"
+        />
+      </figure>
+      <div
+        className="CardColumnSmall__FlexFullHeight-tk9h0o-0 kqmVxI media-content text-box is-flex"
+      >
+        <div
+          className="is-flex is-align-items-center"
+        >
+          <div
+            className="CardColumnSmall__ContentLeft-tk9h0o-1 irMufS"
+          >
+            <strong
+              className="is-marginless"
+            >
+              main content
+            </strong>
+          </div>
+          <div
+            className="CardColumnSmall__ContentRight-tk9h0o-2 gyKikS"
+          >
+            <small>
+              more text
+            </small>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a>
+</div>
+`;
+
+exports[`Storyshots CardColumnSmall Minimal 1`] = `
+<div
+  className="CardColumnSmallstories__Wrapper-ofr817-0 eWDSlT"
+>
+  <a
+    className="CardColumnSmall__StyledLink-tk9h0o-3 jGsrTe"
+    href="/foo/bar"
+    onClick={[Function]}
+  >
+    <div
+      className="media"
+    >
+      <div
+        className="CardColumnSmall__FlexFullHeight-tk9h0o-0 kqmVxI media-content text-box is-flex"
+      >
+        <div
+          className="is-flex is-align-items-center"
+        >
+          <div
+            className="CardColumnSmall__ContentLeft-tk9h0o-1 irMufS"
+          >
+            <strong
+              className="is-marginless"
+            >
+              main content
+            </strong>
+          </div>
+          <div
+            className="CardColumnSmall__ContentRight-tk9h0o-2 gyKikS"
+          >
+            <small>
+              more text
+            </small>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a>
+</div>
+`;
+
+exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <figure
+                className="ChangesetRow__AvatarFigure-tkpti5-1 eIgrRE media-left"
+              >
+                <div
+                  className="ChangesetRow__FixedSizedAvatar-tkpti5-2 kjJtLY image"
+                >
+                  <img
+                    alt="SCM Administrator"
+                    className="has-rounded-border"
+                    src="https://robohash.org/scm-admin@scm-manager.org"
+                  />
+                </div>
+              </figure>
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  Added design docs
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                     
+                    commaSeparatedList.lastDivider
+                     
+                    changeset.contributors.coAuthoredBy
+                     
+                    <span
+                      className="ChangesetAuthor__AvatarList-sc-1oz0xgw-0 jQbKkn"
+                    >
+                      <a
+                        href="mailto:ford.prefect@hitchhiker.com"
+                        title="changeset.contributors.mailto ford.prefect@hitchhiker.com"
+                      >
+                        <img
+                          alt="Ford Prefect"
+                          className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
+                          src="https://robohash.org/ford.prefect@hitchhiker.com"
+                        />
+                      </a>
+                      <a
+                        href="mailto:zaphod.beeblebrox@hitchhiker.cm"
+                        title="changeset.contributors.mailto zaphod.beeblebrox@hitchhiker.cm"
+                      >
+                        <img
+                          alt="Zaphod Beeblebrox"
+                          className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
+                          src="https://robohash.org/zaphod.beeblebrox@hitchhiker.cm"
+                        />
+                      </a>
+                      <a
+                        href="mailto:trillian@hitchhiker.cm"
+                        title="changeset.contributors.mailto trillian@hitchhiker.cm"
+                      >
+                        <img
+                          alt="Tricia Marie McMillan"
+                          className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
+                          src="https://robohash.org/trillian@hitchhiker.cm"
+                        />
+                      </a>
+                    </span>
+                     
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <figure
+                className="ChangesetRow__AvatarFigure-tkpti5-1 eIgrRE media-left"
+              >
+                <div
+                  className="ChangesetRow__FixedSizedAvatar-tkpti5-2 kjJtLY image"
+                >
+                  <img
+                    alt="SCM Administrator"
+                    className="has-rounded-border"
+                    src="https://robohash.org/scm-admin@scm-manager.org"
+                  />
+                </div>
+              </figure>
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive. The craft was stolen by then-President Zaphod Beeblebrox at the official launch of the ship, as he was supposed to be officiating the launch. Later, during the use of the Infinite Improbability Drive, the ship picked up Arthur Dent and Ford Prefect, who were floating unprotected in deep space in the same star sector, having just escaped the destruction of the same planet.
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                    , 
+                    changeset.contributors.committedBy
+                     
+                    <a
+                      href="mailto:zaphod.beeblebrox@hitchhiker.cm"
+                      title="changeset.contributors.mailto zaphod.beeblebrox@hitchhiker.cm"
+                    >
+                      <img
+                        alt="Zaphod Beeblebrox"
+                        className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
+                        src="https://robohash.org/zaphod.beeblebrox@hitchhiker.cm"
+                      />
+                    </a>
+                     
+                    commaSeparatedList.lastDivider
+                     
+                    changeset.contributors.coAuthoredBy
+                     
+                    <a
+                      href="mailto:ford.prefect@hitchhiker.com"
+                      title="changeset.contributors.mailto ford.prefect@hitchhiker.com"
+                    >
+                      <img
+                        alt="Ford Prefect"
+                        className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
+                        src="https://robohash.org/ford.prefect@hitchhiker.com"
+                      />
+                    </a>
+                     
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets Default 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets Replacements 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  <a
+                    href="http://example.com/hog"
+                  >
+                    HOG-42
+                  </a>
+                   
+                   Change mail to 
+                   
+                  <a
+                    href="mailto:hog@example.com"
+                  >
+                    Arthur
+                  </a>
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With Committer 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  Change heading to "Heart Of Gold"
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                     
+                    commaSeparatedList.lastDivider
+                     
+                    changeset.contributors.committedBy
+                     
+                    <a
+                      href="mailto:zaphod.beeblebrox@hitchhiker.cm"
+                      title="changeset.contributors.mailto zaphod.beeblebrox@hitchhiker.cm"
+                    >
+                      Zaphod Beeblebrox
+                    </a>
+                     
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With Committer and Co-Author 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive. The craft was stolen by then-President Zaphod Beeblebrox at the official launch of the ship, as he was supposed to be officiating the launch. Later, during the use of the Infinite Improbability Drive, the ship picked up Arthur Dent and Ford Prefect, who were floating unprotected in deep space in the same star sector, having just escaped the destruction of the same planet.
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                    , 
+                    changeset.contributors.committedBy
+                     
+                    <a
+                      href="mailto:zaphod.beeblebrox@hitchhiker.cm"
+                      title="changeset.contributors.mailto zaphod.beeblebrox@hitchhiker.cm"
+                    >
+                      Zaphod Beeblebrox
+                    </a>
+                     
+                    commaSeparatedList.lastDivider
+                     
+                    changeset.contributors.coAuthoredBy
+                     
+                    <a
+                      href="mailto:ford.prefect@hitchhiker.com"
+                      title="changeset.contributors.mailto ford.prefect@hitchhiker.com"
+                    >
+                      Ford Prefect
+                    </a>
+                     
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With avatar 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <figure
+                className="ChangesetRow__AvatarFigure-tkpti5-1 eIgrRE media-left"
+              >
+                <div
+                  className="ChangesetRow__FixedSizedAvatar-tkpti5-2 kjJtLY image"
+                >
+                  <img
+                    alt="SCM Administrator"
+                    className="has-rounded-border"
+                    src="test-file-stub"
+                  />
+                </div>
+              </figure>
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With contactless signature 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                  <div
+                    onMouseLeave={[Function]}
+                    onMouseOver={[Function]}
+                  >
+                    <i
+                      className="fas fa-key has-text-success SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With invalid signature 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                  <div
+                    onMouseLeave={[Function]}
+                    onMouseOver={[Function]}
+                  >
+                    <i
+                      className="fas fa-key has-text-danger SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With multiple Co-Authors 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  Added design docs
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                     
+                    commaSeparatedList.lastDivider
+                     
+                    changeset.contributors.coAuthoredBy
+                     
+                    <a
+                      title="- Ford Prefect
+- Zaphod Beeblebrox
+- Tricia Marie McMillan"
+                    >
+                      changeset.contributors.more
+                    </a>
+                     
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With multiple signatures and invalid status 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                  <div
+                    onMouseLeave={[Function]}
+                    onMouseOver={[Function]}
+                  >
+                    <i
+                      className="fas fa-key has-text-danger SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With multiple signatures and not found status 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                  <div
+                    onMouseLeave={[Function]}
+                    onMouseOver={[Function]}
+                  >
+                    <i
+                      className="fas fa-key has-text-grey-light SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With multiple signatures and valid status 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                  <div
+                    onMouseLeave={[Function]}
+                    onMouseOver={[Function]}
+                  >
+                    <i
+                      className="fas fa-key has-text-success SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With unknown signature 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                  <div
+                    onMouseLeave={[Function]}
+                    onMouseOver={[Function]}
+                  >
+                    <i
+                      className="fas fa-key has-text-grey-light SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With unowned signature 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                  <div
+                    onMouseLeave={[Function]}
+                    onMouseOver={[Function]}
+                  >
+                    <i
+                      className="fas fa-key has-text-success SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Changesets With valid signature 1`] = `
+<div
+  className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
+>
+  <div
+    className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
+  >
+    <div
+      className="columns is-gapless is-mobile"
+    >
+      <div
+        className="column is-three-fifths"
+      >
+        <div
+          className="columns is-gapless"
+        >
+          <div
+            className="column is-four-fifths"
+          >
+            <div
+              className="media"
+            >
+              <div
+                className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
+              >
+                <h4
+                  className="has-text-weight-bold is-ellipsis-overflow"
+                >
+                  
+                  initialize repository
+                  
+                </h4>
+                <p
+                  className="is-hidden-touch"
+                />
+                <p
+                  className="is-hidden-desktop"
+                />
+                <div
+                  className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
+                >
+                  <p
+                    className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
+                  >
+                    changeset.contributors.authoredBy
+                     
+                    <a
+                      href="mailto:scm-admin@scm-manager.org"
+                      title="changeset.contributors.mailto scm-admin@scm-manager.org"
+                    >
+                      SCM Administrator
+                    </a>
+                  </p>
+                  <div
+                    onMouseLeave={[Function]}
+                    onMouseOver={[Function]}
+                  >
+                    <i
+                      className="fas fa-key has-text-success SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
+          />
+        </div>
+      </div>
+      <div
+        className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
+      >
+        <div
+          className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
+        >
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-exchange-alt has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.details
+                 
+              </span>
+            </button>
+          </p>
+          <p
+            className="control"
+          >
+            <button
+              className="button is-default is-reduced-mobile"
+              onClick={[Function]}
+              type="button"
+            >
+              <span
+                className="icon is-medium"
+              >
+                <i
+                  className="fas fa-code has-text-inherit"
+                />
+              </span>
+              <span>
+                changeset.buttons.sources
+                 
+              </span>
+            </button>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Date Date from now 1`] = `
+<div
+  className="Datestories__Wrapper-sc-1uda3v2-0 bpQQPp"
+>
+  <p>
+    <time
+      className="DateElement-sc-1schp8c-0 gkptML"
+      title="2009-06-30 18:30:00"
+    >
+      over 10 years ago
+    </time>
+  </p>
+  <p>
+    <time
+      className="DateElement-sc-1schp8c-0 gkptML"
+      title="2019-06-30 18:30:00"
+    >
+      3 months ago
+    </time>
+  </p>
+  <p>
+    <time
+      className="DateElement-sc-1schp8c-0 gkptML"
+      title="2019-10-12 13:56:40"
+    >
+      less than a minute ago
+    </time>
+  </p>
+  <p>
+    <time
+      className="DateElement-sc-1schp8c-0 gkptML"
+      title="2019-10-11 13:56:40"
+    >
+      1 day ago
+    </time>
+  </p>
+</div>
+`;
+
+exports[`Storyshots Date Short 1`] = `
+<div
+  className="Datestories__Wrapper-sc-1uda3v2-0 bpQQPp"
+>
+  <p>
+    <time
+      className="DateElement-sc-1schp8c-0 gkptML"
+      title="2009-06-30 18:30:00"
+    >
+      2009-06-30
+    </time>
+  </p>
+  <p>
+    <time
+      className="DateElement-sc-1schp8c-0 gkptML"
+      title="2019-06-30 18:30:00"
+    >
+      2019-06-30
+    </time>
+  </p>
+  <p>
+    <time
+      className="DateElement-sc-1schp8c-0 gkptML"
+      title="2019-10-12 13:56:40"
+    >
+      2019-10-12
+    </time>
+  </p>
+  <p>
+    <time
+      className="DateElement-sc-1schp8c-0 gkptML"
+      title="2019-10-11 13:56:40"
+    >
+      2019-10-11
+    </time>
+  </p>
+</div>
+`;
+
+exports[`Storyshots Diff Binaries 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 -    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 +    public static void main(String[] arguments) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                   System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 }
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="conflict-png"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="conflict.png"
+          >
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              conflict.png
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              add
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff Collapsed 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-right has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to source"
+                >
+                  <a
+                    aria-label="Jump to source"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/main/java/com/cloudogu/scm/review/events/EventListener.java/"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to target"
+                >
+                  <a
+                    aria-label="Jump to target"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-right has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to source"
+                >
+                  <a
+                    aria-label="Jump to source"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/main/js/ChangeNotification.tsx/"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to target"
+                >
+                  <a
+                    aria-label="Jump to target"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/main/js/ChangeNotification.tsx"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-right has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to source"
+                >
+                  <a
+                    aria-label="Jump to source"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/main/resources/locales/de/plugins.json/"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to target"
+                >
+                  <a
+                    aria-label="Jump to target"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/main/resources/locales/de/plugins.json"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-right has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to source"
+                >
+                  <a
+                    aria-label="Jump to source"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/main/resources/locales/en/plugins.json/"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to target"
+                >
+                  <a
+                    aria-label="Jump to target"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/main/resources/locales/en/plugins.json"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-right has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to source"
+                >
+                  <a
+                    aria-label="Jump to source"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/test/java/com/cloudogu/scm/review/events/ClientTest.java/"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to target"
+                >
+                  <a
+                    aria-label="Jump to target"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-right has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to source"
+                >
+                  <a
+                    aria-label="Jump to source"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/Main.java/"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="Jump to target"
+                >
+                  <a
+                    aria-label="Jump to target"
+                    className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
+                    href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/Main.java"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-file-code has-text-inherit"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff CollapsingWithFunction 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-right has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-right has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-right has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff Default 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicComment;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.CommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.ReplyEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import lombok.Data;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.HandlerEventType;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.event.HandlerEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoUnit;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.TemporalField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicLong;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                80
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                81
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                82
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() throws InterruptedException {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                87
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                90
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    Thread.sleep(50L);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                95
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                96
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink, timeout(50L)).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                97
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                98
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                99
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.io.PrintStream;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    private static final PrintStream OUT = System.out;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                =======
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Parameters:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff Expandable 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <span />
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicComment;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.CommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.ReplyEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import lombok.Data;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.HandlerEventType;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.event.HandlerEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-up"
+                    />
+                     
+                    diff.expandByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-up"
+                    />
+                     
+                    diff.expandByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoUnit;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.TemporalField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicLong;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-up"
+                    />
+                     
+                    diff.expandByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                80
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                81
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                82
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() throws InterruptedException {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                87
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                90
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    Thread.sleep(50L);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                95
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                96
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink, timeout(50L)).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                97
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                98
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                99
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <span />
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.io.PrintStream;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    private static final PrintStream OUT = System.out;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                =======
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Parameters:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff File Annotation 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <p>
+          Custom File annotation for 
+          src/main/java/com/cloudogu/scm/review/events/EventListener.java
+        </p>
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicComment;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.CommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.ReplyEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import lombok.Data;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.HandlerEventType;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.event.HandlerEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <p>
+          Custom File annotation for 
+          src/main/js/ChangeNotification.tsx
+        </p>
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <p>
+          Custom File annotation for 
+          src/main/resources/locales/de/plugins.json
+        </p>
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <p>
+          Custom File annotation for 
+          src/main/resources/locales/en/plugins.json
+        </p>
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <p>
+          Custom File annotation for 
+          src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+        </p>
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoUnit;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.TemporalField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicLong;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                80
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                81
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                82
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() throws InterruptedException {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                87
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                90
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    Thread.sleep(50L);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                95
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                96
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink, timeout(50L)).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                97
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                98
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                99
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <p>
+          Custom File annotation for 
+          Main.java
+        </p>
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.io.PrintStream;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    private static final PrintStream OUT = System.out;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                =======
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Parameters:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff File Controls 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                >
+                  <a
+                    aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-skull-crossbones"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicComment;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.CommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.ReplyEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import lombok.Data;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.HandlerEventType;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.event.HandlerEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                >
+                  <a
+                    aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-skull-crossbones"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                >
+                  <a
+                    aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-skull-crossbones"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                >
+                  <a
+                    aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-skull-crossbones"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                >
+                  <a
+                    aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-skull-crossbones"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoUnit;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.TemporalField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicLong;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                80
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                81
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                82
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() throws InterruptedException {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                87
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                90
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    Thread.sleep(50L);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                95
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                96
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink, timeout(50L)).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                97
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                98
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                99
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                >
+                  <a
+                    aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-skull-crossbones"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.io.PrintStream;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    private static final PrintStream OUT = System.out;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                =======
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Parameters:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff Hunks 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-pullrequest-service-defaultpullrequestservice-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/pullrequest/service/DefaultPullRequestService.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/pullrequest/service/DefaultPullRequestService.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Set;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.stream.Collectors;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static com.cloudogu.scm.review.pullrequest.service.PullRequestApprovalEvent.ApprovalCause.APPROVAL_REMOVED;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static com.cloudogu.scm.review.pullrequest.service.PullRequestApprovalEvent.ApprovalCause.APPROVED;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static com.cloudogu.scm.review.pullrequest.service.PullRequestStatus.MERGED;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static com.cloudogu.scm.review.pullrequest.service.PullRequestStatus.OPEN;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static com.cloudogu.scm.review.pullrequest.service.PullRequestStatus.REJECTED;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                200
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                202
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    PullRequest pullRequest = getPullRequestFromStore(repository, pullRequestId);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                201
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                203
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    pullRequest.addApprover(user.getId());
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                202
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                204
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    getStore(repository).update(pullRequest);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                205
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    eventBus.post(new PullRequestApprovalEvent(repository, pullRequest, APPROVED));
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                203
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                206
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                204
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                207
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                205
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                208
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Override
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                211
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                214
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    approver.stream()
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                212
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                215
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      .filter(recipient -&gt; user.getId().equals(recipient))
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                213
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                216
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      .findFirst()
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                214
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      .ifPresent(pullRequest::removeApprover);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                215
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    getStore(repository).update(pullRequest);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                217
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      .ifPresent(
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                218
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        approval -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                219
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          pullRequest.removeApprover(approval);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                220
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          getStore(repository).update(pullRequest);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                221
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          eventBus.post(new PullRequestApprovalEvent(repository, pullRequest, APPROVAL_REMOVED));
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                222
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                216
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                223
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                217
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                224
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                218
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                225
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Override
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff Line Annotation 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-widget"
+            >
+              <td
+                className="diff-widget-content"
+                colSpan={3}
+              >
+                <p>
+                  Line Annotation
+                </p>
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicComment;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.CommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.ReplyEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import lombok.Data;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.HandlerEventType;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.event.HandlerEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-widget"
+            >
+              <td
+                className="diff-widget-content"
+                colSpan={3}
+              >
+                <p>
+                  Line Annotation
+                </p>
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoUnit;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.TemporalField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicLong;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                80
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                81
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                82
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() throws InterruptedException {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                87
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                90
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    Thread.sleep(50L);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                95
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                96
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink, timeout(50L)).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                97
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                98
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                99
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.io.PrintStream;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-widget"
+            >
+              <td
+                className="diff-widget-content"
+                colSpan={3}
+              >
+                <p>
+                  Line Annotation
+                </p>
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    private static final PrintStream OUT = System.out;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                =======
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Parameters:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff OnClick 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicComment;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.CommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.ReplyEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import lombok.Data;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.HandlerEventType;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.event.HandlerEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoUnit;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.TemporalField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicLong;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                80
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                81
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                82
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() throws InterruptedException {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                87
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                90
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    Thread.sleep(50L);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                95
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                96
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink, timeout(50L)).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                97
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                98
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                99
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.io.PrintStream;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    private static final PrintStream OUT = System.out;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                =======
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Parameters:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff Side-By-Side 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.combined"
+                >
+                  <a
+                    aria-label="diff.combined"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-align-left"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicComment;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.CommentEvent;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.ReplyEvent;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import lombok.Data;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.HandlerEventType;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.event.HandlerEvent;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.combined"
+                >
+                  <a
+                    aria-label="diff.combined"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-align-left"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={4}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-compare"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-compare"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.combined"
+                >
+                  <a
+                    aria-label="diff.combined"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-align-left"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.combined"
+                >
+                  <a
+                    aria-label="diff.combined"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-align-left"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.combined"
+                >
+                  <a
+                    aria-label="diff.combined"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-align-left"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoUnit;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.TemporalField;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicLong;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={4}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                80
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                81
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                82
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-compare"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() throws InterruptedException {
+              </td>
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                87
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={4}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                90
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    Thread.sleep(50L);
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-old-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                95
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+            </tr>
+            <tr
+              className="diff-line diff-line-compare"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                96
+              </td>
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink).close();
+              </td>
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink, timeout(50L)).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                97
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                98
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                99
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.combined"
+                >
+                  <a
+                    aria-label="diff.combined"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-align-left"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.io.PrintStream;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    private static final PrintStream OUT = System.out;
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                =======
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Parameters:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-new-only"
+            >
+              <td
+                className="diff-gutter diff-gutter-omit"
+              />
+              <td
+                className="diff-code diff-code-omit"
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line diff-line-normal"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff SyntaxHighlighting (Markdown) 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="changelog-md"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="CHANGELOG.md"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              CHANGELOG.md
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                ## Unreleased
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                ## [2.7.1] - 2020-10-14
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                ### Fixed
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                - Null Pointer Exception on anonymous migration with deleted repositories ([#1371](https://github.com/scm-manager/scm-manager/pull/1371))
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                - Null Pointer Exception on parsing SVN properties ([#1373](https://github.com/scm-manager/scm-manager/pull/1373))
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff SyntaxHighlighting 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicComment;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.CommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.ReplyEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import lombok.Data;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.HandlerEventType;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.event.HandlerEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoUnit;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.TemporalField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicLong;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                80
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                81
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                82
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() throws InterruptedException {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                87
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <hr
+                  className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
+                />
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                90
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    Thread.sleep(50L);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                95
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                96
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink, timeout(50L)).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                97
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                98
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                99
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.io.PrintStream;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    private static final PrintStream OUT = System.out;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                =======
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Parameters:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Diff WithLinkToFile 1`] = `
+<div
+  className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
+>
+  <div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/java/com/cloudogu/scm/review/events/EventListener.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <span />
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                package com.cloudogu.scm.review.events;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicComment;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.CommentEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.comment.service.ReplyEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequest;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import com.github.legman.Subscribe;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import lombok.Data;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.SecurityUtils;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.PrincipalCollection;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.apache.shiro.subject.Subject;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.EagerSingleton;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.HandlerEventType;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.event.HandlerEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.plugin.Extension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.repository.Repository;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-js-changenotification-tsx"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/js/ChangeNotification.tsx"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/js/ChangeNotification.tsx
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { Link } from "@scm-manager/ui-types";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { PullRequest } from "./types/PullRequest";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import { useTranslation } from "react-i18next";
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                type HandlerProps = {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  url: string;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      pullRequest: setEvent
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }, [url]);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  const { t } = useTranslation("plugins");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  if (event) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    return (
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title="New Changes"&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="redo" onClick={reload}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.reload")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                29
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                30
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                            {t("scm-review-plugin.changeNotification.buttons.ignore")}
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                31
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          &lt;/ToastButton&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                26
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                32
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        &lt;/ToastButtons&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                27
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                33
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      &lt;/Toast&gt;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                28
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                34
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    );
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-de-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/de/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/de/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-up"
+                    />
+                     
+                    diff.expandByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "Neue Änderungen",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Neu laden",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignorieren"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-main-resources-locales-en-plugins-json"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/main/resources/locales/en/plugins.json"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/main/resources/locales/en/plugins.json
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-up"
+                    />
+                     
+                    diff.expandByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                181
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                          "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                182
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                183
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    "changeNotification": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "title": "New Changes",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                187
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                188
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "modificationWarning": "Warning: Non saved modification will be lost.",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                189
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      "buttons": {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                190
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "reload": "Reload",
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                191
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        "ignore": "Ignore"
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                192
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                184
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                193
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                185
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                194
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  },
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                186
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                195
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  "permissions": {
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              src/test/java/com/cloudogu/scm/review/events/ClientTest.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.Mock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import org.mockito.junit.jupiter.MockitoExtension;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import sonia.scm.security.SessionId;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.OutboundSseEvent;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import javax.ws.rs.sse.SseEventSink;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Clock;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.Instant;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.LocalDateTime;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.ZoneOffset;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.ChronoUnit;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.time.temporal.TemporalField;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletableFuture;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                19
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.CompletionStage;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicLong;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                23
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                20
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.concurrent.atomic.AtomicReference;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                24
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                21
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                25
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                22
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import static java.time.temporal.ChronoUnit.MINUTES;
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-up"
+                    />
+                     
+                    diff.expandByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                80
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                81
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                82
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @SuppressWarnings("unchecked")
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() throws InterruptedException {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                83
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  void shouldCloseEventSinkOnFailure() {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                87
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                84
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                85
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                      throw new RuntimeException("failed to send message");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                86
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    });
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-up"
+                    />
+                     
+                    diff.expandComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                88
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                89
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    client.send(message);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                90
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    Thread.sleep(50L);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                95
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                96
+              </td>
+              <td
+                className="diff-gutter diff-gutter-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-code diff-code-delete"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                91
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    verify(eventSink, timeout(50L)).close();
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                97
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                92
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                98
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                93
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                99
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                94
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                  @Test
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div
+      className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
+      id="main-java"
+    >
+      <div
+        className="panel-heading"
+      >
+        <div
+          className="level is-flex-wrap-wrap"
+        >
+          <div
+            className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
+            onClick={[Function]}
+            title="Main.java"
+          >
+            <i
+              className="fas fa-angle-down has-text-inherit"
+            />
+            <span
+              className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
+            >
+              Main.java
+            </span>
+            <span
+              className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
+            >
+              modify
+            </span>
+          </div>
+          <div
+            className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
+          >
+            <div
+              className="field is-grouped"
+            >
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.sideBySide"
+                >
+                  <a
+                    aria-label="diff.sideBySide"
+                    className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-columns"
+                    />
+                  </a>
+                </span>
+              </div>
+              <div
+                className="control"
+              >
+                <span
+                  className="tooltip has-tooltip-top"
+                  data-tooltip="diff.fullscreen.open"
+                >
+                  <a
+                    className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fas fa-search-plus"
+                    />
+                  </a>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="panel-block is-paddingless"
+      >
+        <table
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          onMouseDown={[Function]}
+        >
+          <colgroup>
+            <col
+              className="diff-gutter-col"
+            />
+            <col
+              className="diff-gutter-col"
+            />
+            <col />
+          </colgroup>
+          <span />
+          <tbody
+            className="diff-hunk"
+          >
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.io.PrintStream;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                1
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                import java.util.Arrays;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                2
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                3
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                class Main {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    private static final PrintStream OUT = System.out;
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-code diff-code-insert"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                 
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                4
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    public static void main(String[] args) {
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                5
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                6
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                10
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        System.out.println("The command line parameters are:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                7
+              </td>
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                11
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                12
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                =======
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                13
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Expect nothing more to happen.");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                14
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        OUT.println("Parameters:");
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                15
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                        Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              />
+              <td
+                className="diff-gutter diff-gutter-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                16
+              </td>
+              <td
+                className="diff-code diff-code-conflict"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                8
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                17
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                    }
+              </td>
+            </tr>
+            <tr
+              className="diff-line"
+            >
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                9
+              </td>
+              <td
+                className="diff-gutter diff-gutter-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                18
+              </td>
+              <td
+                className="diff-code diff-code-normal"
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
+              >
+                }
+              </td>
+            </tr>
+          </tbody>
+          <tbody
+            className="diff-decoration"
+          >
+            <tr>
+              <td
+                className="diff-decoration-content"
+                colSpan={3}
+              >
+                <div
+                  className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
+                >
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-down"
+                    />
+                     
+                    diff.expandLastBottomByLines
+                  </span>
+                   
+                  <span
+                    className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="fa fa-angle-double-down"
+                    />
+                     
+                    diff.expandLastBottomComplete
+                  </span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Forms|AddKeyValueEntryToTableField Default 1`] = `
+<div
+  className="AddKeyValueEntryToTableFieldstories__Spacing-d5xy2z-0 ewszaA"
+>
+  <div
+    className="AddKeyValueEntryToTableField__InputLevel-kiarql-0 hQJPli"
+  >
+    <div
+      className="field AddKeyValueEntryToTableField__StyledInputField-kiarql-1 hwPPZB"
+    >
+      <label
+        className="label"
+      >
+        Key
+         
+      </label>
+      <div
+        className="control"
+      >
+        <input
+          className="input"
+          onBlur={[Function]}
+          onChange={[Function]}
+          onKeyPress={[Function]}
+          placeholder=""
+          type="text"
+          value=""
+        />
+      </div>
+      
+    </div>
+    <div
+      className="field AddKeyValueEntryToTableField__StyledInputField-kiarql-1 hwPPZB"
+    >
+      <label
+        className="label"
+      >
+        Value
+         
+      </label>
+      <div
+        className="control"
+      >
+        <input
+          className="input"
+          onBlur={[Function]}
+          onChange={[Function]}
+          onKeyPress={[Function]}
+          placeholder=""
+          type="text"
+          value=""
+        />
+      </div>
+      
+    </div>
+    <button
+      className="button is-default AddKeyValueEntryToTableField__MarginTopButton-kiarql-2 hyqVki"
+      disabled={true}
       onClick={[Function]}
       type="button"
     >
@@ -5064,85617 +46466,1365 @@ Array [
         />
       </span>
       <span>
+        Add to table
          
-        Add
       </span>
     </button>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Buttons|Button Colors 1`] = `
-Array [
-  <div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-primary"
-        onClick={[Function]}
-        type="button"
-      >
-        primary
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-link"
-        onClick={[Function]}
-        type="button"
-      >
-        link
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-info"
-        onClick={[Function]}
-        type="button"
-      >
-        info
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-success"
-        onClick={[Function]}
-        type="button"
-      >
-        success
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-warning"
-        onClick={[Function]}
-        type="button"
-      >
-        warning
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-danger"
-        onClick={[Function]}
-        type="button"
-      >
-        danger
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-white"
-        onClick={[Function]}
-        type="button"
-      >
-        white
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-light"
-        onClick={[Function]}
-        type="button"
-      >
-        light
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-dark"
-        onClick={[Function]}
-        type="button"
-      >
-        dark
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-black"
-        onClick={[Function]}
-        type="button"
-      >
-        black
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-text"
-        onClick={[Function]}
-        type="button"
-      >
-        text
-         
-      </button>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Buttons|Button Disabled 1`] = `
-Array [
-  <div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-primary"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        primary
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-link"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        link
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-info"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        info
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-success"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        success
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-warning"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        warning
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-danger"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        danger
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-white"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        white
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-light"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        light
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-dark"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        dark
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-black"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        black
-         
-      </button>
-    </div>
-    <div
-      className="indexstories__Spacing-bpoict-0 iisFck"
-    >
-      <button
-        className="button is-text"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        text
-         
-      </button>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Buttons|Button Loading 1`] = `
-Array [
-  <div
-    className="indexstories__Spacing-bpoict-0 iisFck"
-  >
-    <button
-      className="button is-primary is-loading"
-      onClick={[Function]}
-      type="button"
-    >
-       
-      Loading Button
-    </button>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Buttons|CreateButton Default 1`] = `
-Array [
-  <div
-    className="indexstories__Spacing-bpoict-0 iisFck"
-  >
-    <div
-      className="CreateButton__Wrapper-f29oo-0 gLRVct has-text-centered"
-    >
-      <button
-        className="button is-primary"
-        onClick={[Function]}
-        type="button"
-      >
-         
-        Create
-      </button>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Buttons|DeleteButton Default 1`] = `
-Array [
-  <div
-    className="indexstories__Spacing-bpoict-0 iisFck"
-  >
-    <button
-      className="button is-warning"
-      onClick={[Function]}
-      type="button"
-    >
-      <span
-        className="icon is-medium"
-      >
-        <i
-          className="fas fa-times has-text-inherit"
-        />
-      </span>
-      <span>
-         
-        Delete
-      </span>
-    </button>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Buttons|DownloadButton Default 1`] = `
-Array [
-  <div
-    className="indexstories__Spacing-bpoict-0 iisFck"
-  >
-    <a
-      className="button is-link"
-      disabled={false}
-      href=""
-      onClick={[Function]}
-    >
-      <span
-        className="icon is-medium"
-      >
-        <i
-          className="fas fa-arrow-circle-down"
-        />
-      </span>
-      <span>
-        Download
-      </span>
-    </a>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Buttons|DownloadButton Disabled 1`] = `
-Array [
-  <div
-    className="indexstories__Spacing-bpoict-0 iisFck"
-  >
-    <a
-      className="button is-link"
-      disabled={true}
-      href=""
-      onClick={[Function]}
-    >
-      <span
-        className="icon is-medium"
-      >
-        <i
-          className="fas fa-arrow-circle-down"
-        />
-      </span>
-      <span>
-        Download
-      </span>
-    </a>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Buttons|EditButton Default 1`] = `
-Array [
-  <div
-    className="indexstories__Spacing-bpoict-0 iisFck"
-  >
-    <button
-      className="button is-default"
-      onClick={[Function]}
-      type="button"
-    >
-       
-      Edit
-    </button>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Buttons|SubmitButton Default 1`] = `
-Array [
-  <div
-    className="indexstories__Spacing-bpoict-0 iisFck"
-  >
-    <button
-      className="button is-primary"
-      data-testid="submit-button"
-      onClick={[Function]}
-      type="submit"
-    >
-       
-      Submit
-    </button>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots CardColumn Default 1`] = `
-Array [
-  <div
-    className="CardColumnstories__Wrapper-sc-1ztucl-0 cZIPDx"
-  >
-    <a
-      className="overlay-column"
-      href="/foo/bar"
-      onClick={[Function]}
-    />
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
-    >
-      <figure
-        className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
-      >
-        <i
-          className="fas fa-icons fa-2x fa-fw has-text-grey-light"
-        />
-      </figure>
-      <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
-      >
-        <div
-          className="is-flex"
-        >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
-          >
-            <p
-              className="shorten-text is-marginless"
-            >
-              <strong>
-                title
-              </strong>
-            </p>
-            <p
-              className="shorten-text"
-            >
-              A description can be added here.
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
-          >
-            <small>
-              left footer
-            </small>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small>
-              right footer
-            </small>
-          </div>
-        </div>
-      </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots CardColumn Minimal 1`] = `
-Array [
-  <div
-    className="CardColumnstories__Wrapper-sc-1ztucl-0 cZIPDx"
-  >
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
-    >
-      <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
-      >
-        <div
-          className="is-flex"
-        >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
-          >
-            <p
-              className="shorten-text is-marginless"
-            >
-              <strong>
-                title
-              </strong>
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
-          >
-            <small>
-              left footer
-            </small>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small>
-              right footer
-            </small>
-          </div>
-        </div>
-      </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots CardColumn With hoverable date 1`] = `
-Array [
-  <div
-    className="CardColumnstories__Wrapper-sc-1ztucl-0 cZIPDx"
-  >
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
-    >
-      <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
-      >
-        <div
-          className="is-flex"
-        >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
-          >
-            <p
-              className="shorten-text is-marginless"
-            >
-              <strong>
-                title
-              </strong>
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
-          >
-            <small>
-              left footer
-            </small>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small
-              className="level-item"
-            >
-              <time
-                className="DateElement-sc-1schp8c-0 gkptML"
-                title="2020-03-23 09:26:01"
-              >
-                3 days ago
-              </time>
-            </small>
-          </div>
-        </div>
-      </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots CardColumnSmall Default 1`] = `
-Array [
-  <div
-    className="CardColumnSmallstories__Wrapper-ofr817-0 eWDSlT"
-  >
-    <a
-      className="CardColumnSmall__StyledLink-tk9h0o-3 jGsrTe"
-      href="/foo/bar"
-      onClick={[Function]}
-    >
-      <div
-        className="media"
-      >
-        <figure
-          className="CardColumnSmall__AvatarWrapper-tk9h0o-4 evHbLN media-left"
-        >
-          <i
-            className="fas fa-icons fa-2x fa-fw has-text-grey-light"
-          />
-        </figure>
-        <div
-          className="CardColumnSmall__FlexFullHeight-tk9h0o-0 kqmVxI media-content text-box is-flex"
-        >
-          <div
-            className="is-flex is-align-items-center"
-          >
-            <div
-              className="CardColumnSmall__ContentLeft-tk9h0o-1 irMufS"
-            >
-              <strong
-                className="is-marginless"
-              >
-                main content
-              </strong>
-            </div>
-            <div
-              className="CardColumnSmall__ContentRight-tk9h0o-2 gyKikS"
-            >
-              <small>
-                more text
-              </small>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots CardColumnSmall Minimal 1`] = `
-Array [
-  <div
-    className="CardColumnSmallstories__Wrapper-ofr817-0 eWDSlT"
-  >
-    <a
-      className="CardColumnSmall__StyledLink-tk9h0o-3 jGsrTe"
-      href="/foo/bar"
-      onClick={[Function]}
-    >
-      <div
-        className="media"
-      >
-        <div
-          className="CardColumnSmall__FlexFullHeight-tk9h0o-0 kqmVxI media-content text-box is-flex"
-        >
-          <div
-            className="is-flex is-align-items-center"
-          >
-            <div
-              className="CardColumnSmall__ContentLeft-tk9h0o-1 irMufS"
-            >
-              <strong
-                className="is-marginless"
-              >
-                main content
-              </strong>
-            </div>
-            <div
-              className="CardColumnSmall__ContentRight-tk9h0o-2 gyKikS"
-            >
-              <small>
-                more text
-              </small>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets Co-Authors with avatar 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <figure
-                  className="ChangesetRow__AvatarFigure-tkpti5-1 eIgrRE media-left"
-                >
-                  <div
-                    className="ChangesetRow__FixedSizedAvatar-tkpti5-2 kjJtLY image"
-                  >
-                    <img
-                      alt="SCM Administrator"
-                      className="has-rounded-border"
-                      src="https://robohash.org/scm-admin@scm-manager.org"
-                    />
-                  </div>
-                </figure>
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    Added design docs
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                       
-                      commaSeparatedList.lastDivider
-                       
-                      changeset.contributors.coAuthoredBy
-                       
-                      <span
-                        className="ChangesetAuthor__AvatarList-sc-1oz0xgw-0 jQbKkn"
-                      >
-                        <a
-                          href="mailto:ford.prefect@hitchhiker.com"
-                          title="changeset.contributors.mailto ford.prefect@hitchhiker.com"
-                        >
-                          <img
-                            alt="Ford Prefect"
-                            className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
-                            src="https://robohash.org/ford.prefect@hitchhiker.com"
-                          />
-                        </a>
-                        <a
-                          href="mailto:zaphod.beeblebrox@hitchhiker.cm"
-                          title="changeset.contributors.mailto zaphod.beeblebrox@hitchhiker.cm"
-                        >
-                          <img
-                            alt="Zaphod Beeblebrox"
-                            className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
-                            src="https://robohash.org/zaphod.beeblebrox@hitchhiker.cm"
-                          />
-                        </a>
-                        <a
-                          href="mailto:trillian@hitchhiker.cm"
-                          title="changeset.contributors.mailto trillian@hitchhiker.cm"
-                        >
-                          <img
-                            alt="Tricia Marie McMillan"
-                            className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
-                            src="https://robohash.org/trillian@hitchhiker.cm"
-                          />
-                        </a>
-                      </span>
-                       
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets Commiter and Co-Authors with avatar 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <figure
-                  className="ChangesetRow__AvatarFigure-tkpti5-1 eIgrRE media-left"
-                >
-                  <div
-                    className="ChangesetRow__FixedSizedAvatar-tkpti5-2 kjJtLY image"
-                  >
-                    <img
-                      alt="SCM Administrator"
-                      className="has-rounded-border"
-                      src="https://robohash.org/scm-admin@scm-manager.org"
-                    />
-                  </div>
-                </figure>
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive. The craft was stolen by then-President Zaphod Beeblebrox at the official launch of the ship, as he was supposed to be officiating the launch. Later, during the use of the Infinite Improbability Drive, the ship picked up Arthur Dent and Ford Prefect, who were floating unprotected in deep space in the same star sector, having just escaped the destruction of the same planet.
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                      , 
-                      changeset.contributors.committedBy
-                       
-                      <a
-                        href="mailto:zaphod.beeblebrox@hitchhiker.cm"
-                        title="changeset.contributors.mailto zaphod.beeblebrox@hitchhiker.cm"
-                      >
-                        <img
-                          alt="Zaphod Beeblebrox"
-                          className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
-                          src="https://robohash.org/zaphod.beeblebrox@hitchhiker.cm"
-                        />
-                      </a>
-                       
-                      commaSeparatedList.lastDivider
-                       
-                      changeset.contributors.coAuthoredBy
-                       
-                      <a
-                        href="mailto:ford.prefect@hitchhiker.com"
-                        title="changeset.contributors.mailto ford.prefect@hitchhiker.com"
-                      >
-                        <img
-                          alt="Ford Prefect"
-                          className="ContributorAvatar-sc-1yz8zn-0 bbHNfW"
-                          src="https://robohash.org/ford.prefect@hitchhiker.com"
-                        />
-                      </a>
-                       
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets Default 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets Replacements 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    <a
-                      href="http://example.com/hog"
-                    >
-                      HOG-42
-                    </a>
-                     
-                     Change mail to 
-                     
-                    <a
-                      href="mailto:hog@example.com"
-                    >
-                      Arthur
-                    </a>
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With Committer 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    Change heading to "Heart Of Gold"
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                       
-                      commaSeparatedList.lastDivider
-                       
-                      changeset.contributors.committedBy
-                       
-                      <a
-                        href="mailto:zaphod.beeblebrox@hitchhiker.cm"
-                        title="changeset.contributors.mailto zaphod.beeblebrox@hitchhiker.cm"
-                      >
-                        Zaphod Beeblebrox
-                      </a>
-                       
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With Committer and Co-Author 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive. The craft was stolen by then-President Zaphod Beeblebrox at the official launch of the ship, as he was supposed to be officiating the launch. Later, during the use of the Infinite Improbability Drive, the ship picked up Arthur Dent and Ford Prefect, who were floating unprotected in deep space in the same star sector, having just escaped the destruction of the same planet.
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                      , 
-                      changeset.contributors.committedBy
-                       
-                      <a
-                        href="mailto:zaphod.beeblebrox@hitchhiker.cm"
-                        title="changeset.contributors.mailto zaphod.beeblebrox@hitchhiker.cm"
-                      >
-                        Zaphod Beeblebrox
-                      </a>
-                       
-                      commaSeparatedList.lastDivider
-                       
-                      changeset.contributors.coAuthoredBy
-                       
-                      <a
-                        href="mailto:ford.prefect@hitchhiker.com"
-                        title="changeset.contributors.mailto ford.prefect@hitchhiker.com"
-                      >
-                        Ford Prefect
-                      </a>
-                       
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With avatar 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <figure
-                  className="ChangesetRow__AvatarFigure-tkpti5-1 eIgrRE media-left"
-                >
-                  <div
-                    className="ChangesetRow__FixedSizedAvatar-tkpti5-2 kjJtLY image"
-                  >
-                    <img
-                      alt="SCM Administrator"
-                      className="has-rounded-border"
-                      src="test-file-stub"
-                    />
-                  </div>
-                </figure>
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With contactless signature 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                    <div
-                      onMouseLeave={[Function]}
-                      onMouseOver={[Function]}
-                    >
-                      <i
-                        className="fas fa-key has-text-success SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With invalid signature 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                    <div
-                      onMouseLeave={[Function]}
-                      onMouseOver={[Function]}
-                    >
-                      <i
-                        className="fas fa-key has-text-danger SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With multiple Co-Authors 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    Added design docs
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                       
-                      commaSeparatedList.lastDivider
-                       
-                      changeset.contributors.coAuthoredBy
-                       
-                      <a
-                        title="- Ford Prefect
-- Zaphod Beeblebrox
-- Tricia Marie McMillan"
-                      >
-                        changeset.contributors.more
-                      </a>
-                       
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With multiple signatures and invalid status 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                    <div
-                      onMouseLeave={[Function]}
-                      onMouseOver={[Function]}
-                    >
-                      <i
-                        className="fas fa-key has-text-danger SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With multiple signatures and not found status 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                    <div
-                      onMouseLeave={[Function]}
-                      onMouseOver={[Function]}
-                    >
-                      <i
-                        className="fas fa-key has-text-grey-light SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With multiple signatures and valid status 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                    <div
-                      onMouseLeave={[Function]}
-                      onMouseOver={[Function]}
-                    >
-                      <i
-                        className="fas fa-key has-text-success SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With unknown signature 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                    <div
-                      onMouseLeave={[Function]}
-                      onMouseOver={[Function]}
-                    >
-                      <i
-                        className="fas fa-key has-text-grey-light SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With unowned signature 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                    <div
-                      onMouseLeave={[Function]}
-                      onMouseOver={[Function]}
-                    >
-                      <i
-                        className="fas fa-key has-text-success SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Changesets With valid signature 1`] = `
-Array [
-  <div
-    className="Changesetsstories__Wrapper-sc-122npan-0 cKrCNw box box-link-shadow"
-  >
-    <div
-      className="ChangesetRow__Wrapper-tkpti5-0 gBeuQN"
-    >
-      <div
-        className="columns is-gapless is-mobile"
-      >
-        <div
-          className="column is-three-fifths"
-        >
-          <div
-            className="columns is-gapless"
-          >
-            <div
-              className="column is-four-fifths"
-            >
-              <div
-                className="media"
-              >
-                <div
-                  className="ChangesetRow__Metadata-tkpti5-3 kegioN media-right"
-                >
-                  <h4
-                    className="has-text-weight-bold is-ellipsis-overflow"
-                  >
-                    
-                    initialize repository
-                    
-                  </h4>
-                  <p
-                    className="is-hidden-touch"
-                  />
-                  <p
-                    className="is-hidden-desktop"
-                  />
-                  <div
-                    className="ChangesetRow__FlexRow-tkpti5-7 YFgpT"
-                  >
-                    <p
-                      className="ChangesetRow__AuthorWrapper-tkpti5-4 cooaYP is-size-7 is-ellipsis-overflow"
-                    >
-                      changeset.contributors.authoredBy
-                       
-                      <a
-                        href="mailto:scm-admin@scm-manager.org"
-                        title="changeset.contributors.mailto scm-admin@scm-manager.org"
-                      >
-                        SCM Administrator
-                      </a>
-                    </p>
-                    <div
-                      onMouseLeave={[Function]}
-                      onMouseOver={[Function]}
-                    >
-                      <i
-                        className="fas fa-key has-text-success SignatureIcon__StyledIcon-sc-1mwf1m5-0 cTNkRp mx-2 pt-1"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              className="ChangesetRow__VCenteredColumn-tkpti5-5 dlKpIk column"
-            />
-          </div>
-        </div>
-        <div
-          className="ChangesetRow__VCenteredChildColumn-tkpti5-6 dFhURZ column is-flex"
-        >
-          <div
-            className="ButtonAddons__Flex-sc-182golj-0 jToeVe field has-addons is-marginless"
-          >
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-exchange-alt has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.details
-                   
-                </span>
-              </button>
-            </p>
-            <p
-              className="control"
-            >
-              <button
-                className="button is-default is-reduced-mobile"
-                onClick={[Function]}
-                type="button"
-              >
-                <span
-                  className="icon is-medium"
-                >
-                  <i
-                    className="fas fa-code has-text-inherit"
-                  />
-                </span>
-                <span>
-                  changeset.buttons.sources
-                   
-                </span>
-              </button>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Date Date from now 1`] = `
-Array [
-  <div
-    className="Datestories__Wrapper-sc-1uda3v2-0 bpQQPp"
-  >
-    <p>
-      <time
-        className="DateElement-sc-1schp8c-0 gkptML"
-        title="2009-06-30 18:30:00"
-      >
-        over 10 years ago
-      </time>
-    </p>
-    <p>
-      <time
-        className="DateElement-sc-1schp8c-0 gkptML"
-        title="2019-06-30 18:30:00"
-      >
-        3 months ago
-      </time>
-    </p>
-    <p>
-      <time
-        className="DateElement-sc-1schp8c-0 gkptML"
-        title="2019-10-12 13:56:40"
-      >
-        less than a minute ago
-      </time>
-    </p>
-    <p>
-      <time
-        className="DateElement-sc-1schp8c-0 gkptML"
-        title="2019-10-11 13:56:40"
-      >
-        1 day ago
-      </time>
-    </p>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Date Short 1`] = `
-Array [
-  <div
-    className="Datestories__Wrapper-sc-1uda3v2-0 bpQQPp"
-  >
-    <p>
-      <time
-        className="DateElement-sc-1schp8c-0 gkptML"
-        title="2009-06-30 18:30:00"
-      >
-        2009-06-30
-      </time>
-    </p>
-    <p>
-      <time
-        className="DateElement-sc-1schp8c-0 gkptML"
-        title="2019-06-30 18:30:00"
-      >
-        2019-06-30
-      </time>
-    </p>
-    <p>
-      <time
-        className="DateElement-sc-1schp8c-0 gkptML"
-        title="2019-10-12 13:56:40"
-      >
-        2019-10-12
-      </time>
-    </p>
-    <p>
-      <time
-        className="DateElement-sc-1schp8c-0 gkptML"
-        title="2019-10-11 13:56:40"
-      >
-        2019-10-11
-      </time>
-    </p>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff Binaries 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   -    public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   +    public static void main(String[] arguments) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                     System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   }
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="conflict-png"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="conflict.png"
-            >
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                conflict.png
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                add
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff Collapsed 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-right has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to source"
-                  >
-                    <a
-                      aria-label="Jump to source"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/main/java/com/cloudogu/scm/review/events/EventListener.java/"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to target"
-                  >
-                    <a
-                      aria-label="Jump to target"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-right has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to source"
-                  >
-                    <a
-                      aria-label="Jump to source"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/main/js/ChangeNotification.tsx/"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to target"
-                  >
-                    <a
-                      aria-label="Jump to target"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/main/js/ChangeNotification.tsx"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-right has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to source"
-                  >
-                    <a
-                      aria-label="Jump to source"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/main/resources/locales/de/plugins.json/"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to target"
-                  >
-                    <a
-                      aria-label="Jump to target"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/main/resources/locales/de/plugins.json"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-right has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to source"
-                  >
-                    <a
-                      aria-label="Jump to source"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/main/resources/locales/en/plugins.json/"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to target"
-                  >
-                    <a
-                      aria-label="Jump to target"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/main/resources/locales/en/plugins.json"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-right has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to source"
-                  >
-                    <a
-                      aria-label="Jump to source"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/src/test/java/com/cloudogu/scm/review/events/ClientTest.java/"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to target"
-                  >
-                    <a
-                      aria-label="Jump to target"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-right has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to source"
-                  >
-                    <a
-                      aria-label="Jump to source"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/d21cc6c359270aef2196796f4d96af65f51866dc/Main.java/"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="Jump to target"
-                  >
-                    <a
-                      aria-label="Jump to target"
-                      className="JumpToFileButton__Button-sc-72e4b2-0 lkvyOG button"
-                      href="/repo/hitchhiker/heartOfGold/code/changeset/e163c8f632db571c9aa51a8eb440e37cf550b825/Main.java"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-file-code has-text-inherit"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff CollapsingWithFunction 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-right has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-right has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 divnho panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-right has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff Default 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicComment;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.CommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.ReplyEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import lombok.Data;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.HandlerEventType;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.event.HandlerEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoUnit;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.TemporalField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicLong;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  80
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  81
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  82
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() throws InterruptedException {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  87
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  90
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      Thread.sleep(50L);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  95
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  96
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink, timeout(50L)).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  97
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  98
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  99
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.io.PrintStream;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      private static final PrintStream OUT = System.out;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  =======
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Parameters:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff Expandable 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <span />
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicComment;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.CommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.ReplyEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import lombok.Data;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.HandlerEventType;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.event.HandlerEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-up"
-                      />
-                       
-                      diff.expandByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-up"
-                      />
-                       
-                      diff.expandByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoUnit;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.TemporalField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicLong;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-up"
-                      />
-                       
-                      diff.expandByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  80
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  81
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  82
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() throws InterruptedException {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  87
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  90
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      Thread.sleep(50L);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  95
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  96
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink, timeout(50L)).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  97
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  98
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  99
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <span />
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.io.PrintStream;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      private static final PrintStream OUT = System.out;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  =======
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Parameters:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff File Annotation 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <p>
-            Custom File annotation for 
-            src/main/java/com/cloudogu/scm/review/events/EventListener.java
-          </p>
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicComment;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.CommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.ReplyEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import lombok.Data;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.HandlerEventType;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.event.HandlerEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <p>
-            Custom File annotation for 
-            src/main/js/ChangeNotification.tsx
-          </p>
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <p>
-            Custom File annotation for 
-            src/main/resources/locales/de/plugins.json
-          </p>
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <p>
-            Custom File annotation for 
-            src/main/resources/locales/en/plugins.json
-          </p>
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <p>
-            Custom File annotation for 
-            src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-          </p>
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoUnit;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.TemporalField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicLong;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  80
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  81
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  82
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() throws InterruptedException {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  87
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  90
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      Thread.sleep(50L);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  95
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  96
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink, timeout(50L)).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  97
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  98
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  99
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <p>
-            Custom File annotation for 
-            Main.java
-          </p>
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.io.PrintStream;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      private static final PrintStream OUT = System.out;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  =======
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Parameters:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff File Controls 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  >
-                    <a
-                      aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-skull-crossbones"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicComment;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.CommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.ReplyEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import lombok.Data;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.HandlerEventType;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.event.HandlerEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  >
-                    <a
-                      aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-skull-crossbones"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  >
-                    <a
-                      aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-skull-crossbones"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  >
-                    <a
-                      aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-skull-crossbones"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  >
-                    <a
-                      aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-skull-crossbones"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoUnit;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.TemporalField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicLong;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  80
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  81
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  82
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() throws InterruptedException {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  87
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  90
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      Thread.sleep(50L);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  95
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  96
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink, timeout(50L)).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  97
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  98
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  99
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  >
-                    <a
-                      aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-skull-crossbones"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.io.PrintStream;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      private static final PrintStream OUT = System.out;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  =======
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Parameters:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff Hunks 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-pullrequest-service-defaultpullrequestservice-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/pullrequest/service/DefaultPullRequestService.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/pullrequest/service/DefaultPullRequestService.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Set;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.stream.Collectors;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static com.cloudogu.scm.review.pullrequest.service.PullRequestApprovalEvent.ApprovalCause.APPROVAL_REMOVED;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static com.cloudogu.scm.review.pullrequest.service.PullRequestApprovalEvent.ApprovalCause.APPROVED;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static com.cloudogu.scm.review.pullrequest.service.PullRequestStatus.MERGED;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static com.cloudogu.scm.review.pullrequest.service.PullRequestStatus.OPEN;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static com.cloudogu.scm.review.pullrequest.service.PullRequestStatus.REJECTED;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  200
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  202
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      PullRequest pullRequest = getPullRequestFromStore(repository, pullRequestId);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  201
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  203
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      pullRequest.addApprover(user.getId());
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  202
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  204
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      getStore(repository).update(pullRequest);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  205
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      eventBus.post(new PullRequestApprovalEvent(repository, pullRequest, APPROVED));
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  203
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  206
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  204
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  207
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  205
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  208
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Override
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  211
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  214
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      approver.stream()
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  212
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  215
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        .filter(recipient -&gt; user.getId().equals(recipient))
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  213
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  216
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        .findFirst()
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  214
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        .ifPresent(pullRequest::removeApprover);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  215
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      getStore(repository).update(pullRequest);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  217
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        .ifPresent(
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  218
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          approval -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  219
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            pullRequest.removeApprover(approval);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  220
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            getStore(repository).update(pullRequest);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  221
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            eventBus.post(new PullRequestApprovalEvent(repository, pullRequest, APPROVAL_REMOVED));
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  222
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  216
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  223
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  217
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  224
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  218
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  225
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Override
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff Line Annotation 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-widget"
-              >
-                <td
-                  className="diff-widget-content"
-                  colSpan={3}
-                >
-                  <p>
-                    Line Annotation
-                  </p>
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicComment;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.CommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.ReplyEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import lombok.Data;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.HandlerEventType;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.event.HandlerEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-widget"
-              >
-                <td
-                  className="diff-widget-content"
-                  colSpan={3}
-                >
-                  <p>
-                    Line Annotation
-                  </p>
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoUnit;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.TemporalField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicLong;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  80
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  81
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  82
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() throws InterruptedException {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  87
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  90
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      Thread.sleep(50L);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  95
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  96
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink, timeout(50L)).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  97
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  98
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  99
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.io.PrintStream;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-widget"
-              >
-                <td
-                  className="diff-widget-content"
-                  colSpan={3}
-                >
-                  <p>
-                    Line Annotation
-                  </p>
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      private static final PrintStream OUT = System.out;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  =======
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Parameters:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff OnClick 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicComment;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.CommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.ReplyEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import lombok.Data;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.HandlerEventType;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.event.HandlerEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoUnit;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.TemporalField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicLong;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  80
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  81
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  82
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() throws InterruptedException {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  87
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  90
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      Thread.sleep(50L);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  95
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  96
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink, timeout(50L)).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  97
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  98
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  99
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.io.PrintStream;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      private static final PrintStream OUT = System.out;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  =======
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Parameters:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onClick={[Function]}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff Side-By-Side 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.combined"
-                  >
-                    <a
-                      aria-label="diff.combined"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-align-left"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicComment;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.CommentEvent;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.ReplyEvent;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import lombok.Data;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.HandlerEventType;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.event.HandlerEvent;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.combined"
-                  >
-                    <a
-                      aria-label="diff.combined"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-align-left"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={4}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-compare"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-compare"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.combined"
-                  >
-                    <a
-                      aria-label="diff.combined"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-align-left"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.combined"
-                  >
-                    <a
-                      aria-label="diff.combined"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-align-left"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.combined"
-                  >
-                    <a
-                      aria-label="diff.combined"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-align-left"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoUnit;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.TemporalField;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicLong;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={4}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  80
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  81
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  82
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-compare"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() throws InterruptedException {
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  87
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={4}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  90
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      Thread.sleep(50L);
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-old-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  95
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-              </tr>
-              <tr
-                className="diff-line diff-line-compare"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  96
-                </td>
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink).close();
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink, timeout(50L)).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  97
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  98
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  99
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.combined"
-                  >
-                    <a
-                      aria-label="diff.combined"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-align-left"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.io.PrintStream;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      private static final PrintStream OUT = System.out;
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  =======
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Parameters:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-new-only"
-              >
-                <td
-                  className="diff-gutter diff-gutter-omit"
-                />
-                <td
-                  className="diff-code diff-code-omit"
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line diff-line-normal"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff SyntaxHighlighting (Markdown) 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="changelog-md"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="CHANGELOG.md"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                CHANGELOG.md
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  ## Unreleased
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  ## [2.7.1] - 2020-10-14
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  ### Fixed
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  - Null Pointer Exception on anonymous migration with deleted repositories ([#1371](https://github.com/scm-manager/scm-manager/pull/1371))
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  - Null Pointer Exception on parsing SVN properties ([#1373](https://github.com/scm-manager/scm-manager/pull/1373))
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff SyntaxHighlighting 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicComment;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.CommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.ReplyEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import lombok.Data;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.HandlerEventType;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.event.HandlerEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoUnit;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.TemporalField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicLong;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  80
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  81
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  82
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() throws InterruptedException {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  87
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <hr
-                    className="DiffFile__HunkDivider-sc-10deuqx-4 VkQbh"
-                  />
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  90
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      Thread.sleep(50L);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  95
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  96
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink, timeout(50L)).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  97
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  98
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  99
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.io.PrintStream;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      private static final PrintStream OUT = System.out;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  =======
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Parameters:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Diff WithLinkToFile 1`] = `
-Array [
-  <div
-    className="Diffstories__Container-sc-28kjjp-0 fAkCA-D"
-  >
-    <div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-java-com-cloudogu-scm-review-events-eventlistener-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/java/com/cloudogu/scm/review/events/EventListener.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/java/com/cloudogu/scm/review/events/EventListener.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <span />
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  package com.cloudogu.scm.review.events;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicComment;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.BasicCommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.CommentEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.comment.service.ReplyEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.BasicPullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequest;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.cloudogu.scm.review.pullrequest.service.PullRequestEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import com.github.legman.Subscribe;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import lombok.Data;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.SecurityUtils;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.PrincipalCollection;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.apache.shiro.subject.Subject;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.EagerSingleton;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.HandlerEventType;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.event.HandlerEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.plugin.Extension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.repository.Repository;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-js-changenotification-tsx"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/js/ChangeNotification.tsx"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/js/ChangeNotification.tsx
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { Link } from "@scm-manager/ui-types";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { apiClient, Toast, ToastButtons, ToastButton } from "@scm-manager/ui-components";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { PullRequest } from "./types/PullRequest";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import { useTranslation } from "react-i18next";
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  type HandlerProps = {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    url: string;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        pullRequest: setEvent
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }, [url]);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    const { t } = useTranslation("plugins");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    if (event) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      return (
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title="New Changes"&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;The underlying Pull-Request has changed. Press reload to see the changes.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;Warning: Non saved modification will be lost.&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;Toast type="warning" title={t("scm-review-plugin.changeNotification.title")}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.description")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;p&gt;{t("scm-review-plugin.changeNotification.modificationWarning")}&lt;/p&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;Reload&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;Ignore&lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="redo" onClick={reload}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.reload")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  29
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;ToastButton icon="times" onClick={() =&gt; setEvent(undefined)}&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  30
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                              {t("scm-review-plugin.changeNotification.buttons.ignore")}
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  31
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            &lt;/ToastButton&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  26
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  32
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          &lt;/ToastButtons&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  27
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  33
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        &lt;/Toast&gt;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  28
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  34
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      );
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-de-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/de/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/de/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-up"
-                      />
-                       
-                      diff.expandByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "Der Kommentar bezieht sich auf eine ältere Version des Source- oder Target-Branches. Klicken Sie hier, um den ursprünglichen Kontext zu sehen."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "Neue Änderungen",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "An diesem Pull Request wurden Änderungen vorgenommen. Laden Sie die Seite neu um diese anzuzeigen.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warnung: Nicht gespeicherte Eingaben gehen verloren.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Neu laden",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignorieren"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-main-resources-locales-en-plugins-json"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/main/resources/locales/en/plugins.json"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/main/resources/locales/en/plugins.json
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-up"
-                      />
-                       
-                      diff.expandByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  181
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                            "titleClickable": "The comment is related to an older of the source or target branch. Click here to see the original context."
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  182
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  183
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      "changeNotification": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "title": "New Changes",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  187
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "description": "The underlying Pull-Request has changed. Press reload to see the changes.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  188
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "modificationWarning": "Warning: Non saved modification will be lost.",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  189
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        "buttons": {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  190
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "reload": "Reload",
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  191
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          "ignore": "Ignore"
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  192
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  184
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  193
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  185
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  194
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    },
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  186
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  195
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    "permissions": {
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="src-test-java-com-cloudogu-scm-review-events-clienttest-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="src/test/java/com/cloudogu/scm/review/events/ClientTest.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                src/test/java/com/cloudogu/scm/review/events/ClientTest.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.Mock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import org.mockito.junit.jupiter.MockitoExtension;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import sonia.scm.security.SessionId;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.OutboundSseEvent;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import javax.ws.rs.sse.SseEventSink;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Clock;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.Instant;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.LocalDateTime;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.ZoneOffset;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.ChronoUnit;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.time.temporal.TemporalField;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletableFuture;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  19
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.CompletionStage;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicLong;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  23
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  20
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.concurrent.atomic.AtomicReference;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  24
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  21
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  25
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  22
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import static java.time.temporal.ChronoUnit.MINUTES;
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-up"
-                      />
-                       
-                      diff.expandByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  80
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  81
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  82
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @SuppressWarnings("unchecked")
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() throws InterruptedException {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  83
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    void shouldCloseEventSinkOnFailure() {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  87
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  84
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      CompletionStage future = CompletableFuture.supplyAsync(() -&gt; {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  85
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                        throw new RuntimeException("failed to send message");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  86
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      });
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-up"
-                      />
-                       
-                      diff.expandComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  88
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  89
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      client.send(message);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  90
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      Thread.sleep(50L);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  95
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  96
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-code diff-code-delete"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  91
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      verify(eventSink, timeout(50L)).close();
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  97
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  92
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  98
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  93
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  99
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  94
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                    @Test
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div
-        className="DiffFile__DiffFilePanel-sc-10deuqx-0 gHTKNd panel is-size-6"
-        id="main-java"
-      >
-        <div
-          className="panel-heading"
-        >
-          <div
-            className="level is-flex-wrap-wrap"
-          >
-            <div
-              className="DiffFile__FullWidthTitleHeader-sc-10deuqx-1 eLYTiP level-left is-flex has-cursor-pointer"
-              onClick={[Function]}
-              title="Main.java"
-            >
-              <i
-                className="fas fa-angle-down has-text-inherit"
-              />
-              <span
-                className="DiffFile__TitleWrapper-sc-10deuqx-2 cYkARN is-ellipsis-overflow is-size-6"
-              >
-                Main.java
-              </span>
-              <span
-                className="tag is-info is-outlined DiffFile__ChangeTypeTag-sc-10deuqx-5 epCItc is-rounded has-text-weight-normal"
-              >
-                modify
-              </span>
-            </div>
-            <div
-              className="DiffFile__AlignRight-sc-10deuqx-3 bXzThu level-right is-flex"
-            >
-              <div
-                className="field is-grouped"
-              >
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
-                  >
-                    <a
-                      aria-label="diff.sideBySide"
-                      className="DiffButton__Button-sc-18d99hb-0 eYTrUP button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-columns"
-                      />
-                    </a>
-                  </span>
-                </div>
-                <div
-                  className="control"
-                >
-                  <span
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
-                  >
-                    <a
-                      className="OpenInFullscreenButton__Button-hpt3du-0 cLnuyu button"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fas fa-search-plus"
-                      />
-                    </a>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="panel-block is-paddingless"
-        >
-          <table
-            className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
-            onMouseDown={[Function]}
-          >
-            <colgroup>
-              <col
-                className="diff-gutter-col"
-              />
-              <col
-                className="diff-gutter-col"
-              />
-              <col />
-            </colgroup>
-            <span />
-            <tbody
-              className="diff-hunk"
-            >
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.io.PrintStream;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  1
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  import java.util.Arrays;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  2
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  3
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  class Main {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      private static final PrintStream OUT = System.out;
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-code diff-code-insert"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                   
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  4
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      public static void main(String[] args) {
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  5
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  6
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  10
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          System.out.println("The command line parameters are:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  7
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  11
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(System.out::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  12
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  =======
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  13
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Expect nothing more to happen.");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  14
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          OUT.println("Parameters:");
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  15
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                          Arrays.stream(args).map(arg -&gt; "- " + arg).forEach(OUT::println);
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                />
-                <td
-                  className="diff-gutter diff-gutter-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  16
-                </td>
-                <td
-                  className="diff-code diff-code-conflict"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  &gt;&gt;&gt;&gt;&gt;&gt;&gt; feature/use_constant
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  8
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  17
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                      }
-                </td>
-              </tr>
-              <tr
-                className="diff-line"
-              >
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  9
-                </td>
-                <td
-                  className="diff-gutter diff-gutter-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  18
-                </td>
-                <td
-                  className="diff-code diff-code-normal"
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                >
-                  }
-                </td>
-              </tr>
-            </tbody>
-            <tbody
-              className="diff-decoration"
-            >
-              <tr>
-                <td
-                  className="diff-decoration-content"
-                  colSpan={3}
-                >
-                  <div
-                    className="HunkExpandDivider__HunkDivider-sc-1f1gat0-0 hCtGZI"
-                  >
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-down"
-                      />
-                       
-                      diff.expandLastBottomByLines
-                    </span>
-                     
-                    <span
-                      className="HunkExpandLink__ExpandLink-whfbby-0 esDfxE"
-                      onClick={[Function]}
-                    >
-                      <i
-                        className="fa fa-angle-double-down"
-                      />
-                       
-                      diff.expandLastBottomComplete
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Forms|AddKeyValueEntryToTableField Default 1`] = `
-Array [
-  <div
-    className="AddKeyValueEntryToTableFieldstories__Spacing-d5xy2z-0 ewszaA"
-  >
-    <div
-      className="AddKeyValueEntryToTableField__InputLevel-kiarql-0 hQJPli"
-    >
-      <div
-        className="field AddKeyValueEntryToTableField__StyledInputField-kiarql-1 hwPPZB"
-      >
-        <label
-          className="label"
-        >
-          Key
-           
-        </label>
-        <div
-          className="control"
-        >
-          <input
-            className="input"
-            onBlur={[Function]}
-            onChange={[Function]}
-            onKeyPress={[Function]}
-            placeholder=""
-            type="text"
-            value=""
-          />
-        </div>
-        
-      </div>
-      <div
-        className="field AddKeyValueEntryToTableField__StyledInputField-kiarql-1 hwPPZB"
-      >
-        <label
-          className="label"
-        >
-          Value
-           
-        </label>
-        <div
-          className="control"
-        >
-          <input
-            className="input"
-            onBlur={[Function]}
-            onChange={[Function]}
-            onKeyPress={[Function]}
-            placeholder=""
-            type="text"
-            value=""
-          />
-        </div>
-        
-      </div>
-      <button
-        className="button is-default AddKeyValueEntryToTableField__MarginTopButton-kiarql-2 hyqVki"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        <span
-          className="icon is-medium"
-        >
-          <i
-            className="fas fa-plus has-text-inherit"
-          />
-        </span>
-        <span>
-          Add to table
-           
-        </span>
-      </button>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots Forms|AddKeyValueEntryToTableField Disabled 1`] = `
-Array [
+<div
+  className="AddKeyValueEntryToTableFieldstories__Spacing-d5xy2z-0 ewszaA"
+>
   <div
-    className="AddKeyValueEntryToTableFieldstories__Spacing-d5xy2z-0 ewszaA"
+    className="AddKeyValueEntryToTableField__InputLevel-kiarql-0 hQJPli"
   >
     <div
-      className="AddKeyValueEntryToTableField__InputLevel-kiarql-0 hQJPli"
+      className="field AddKeyValueEntryToTableField__StyledInputField-kiarql-1 hwPPZB"
     >
+      <label
+        className="label"
+      >
+        Key
+         
+      </label>
       <div
-        className="field AddKeyValueEntryToTableField__StyledInputField-kiarql-1 hwPPZB"
+        className="control"
       >
-        <label
-          className="label"
-        >
-          Key
-           
-        </label>
-        <div
-          className="control"
-        >
-          <input
-            className="input"
-            disabled={true}
-            onBlur={[Function]}
-            onChange={[Function]}
-            onKeyPress={[Function]}
-            placeholder=""
-            type="text"
-            value=""
-          />
-        </div>
-        
+        <input
+          className="input"
+          disabled={true}
+          onBlur={[Function]}
+          onChange={[Function]}
+          onKeyPress={[Function]}
+          placeholder=""
+          type="text"
+          value=""
+        />
       </div>
-      <div
-        className="field AddKeyValueEntryToTableField__StyledInputField-kiarql-1 hwPPZB"
-      >
-        <label
-          className="label"
-        >
-          Value
-           
-        </label>
-        <div
-          className="control"
-        >
-          <input
-            className="input"
-            disabled={true}
-            onBlur={[Function]}
-            onChange={[Function]}
-            onKeyPress={[Function]}
-            placeholder=""
-            type="text"
-            value=""
-          />
-        </div>
-        
-      </div>
-      <button
-        className="button is-default AddKeyValueEntryToTableField__MarginTopButton-kiarql-2 hyqVki"
-        disabled={true}
-        onClick={[Function]}
-        type="button"
-      >
-        <span
-          className="icon is-medium"
-        >
-          <i
-            className="fas fa-plus has-text-inherit"
-          />
-        </span>
-        <span>
-          Add to table
-           
-        </span>
-      </button>
+      
     </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
     <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      className="field AddKeyValueEntryToTableField__StyledInputField-kiarql-1 hwPPZB"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+      <label
+        className="label"
       >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
+        Value
+         
+      </label>
+      <div
+        className="control"
+      >
+        <input
+          className="input"
+          disabled={true}
+          onBlur={[Function]}
+          onChange={[Function]}
+          onKeyPress={[Function]}
+          placeholder=""
+          type="text"
+          value=""
+        />
       </div>
+      
     </div>
     <button
-      aria-label="Open React Query Devtools"
+      className="button is-default AddKeyValueEntryToTableField__MarginTopButton-kiarql-2 hyqVki"
+      disabled={true}
       onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
       type="button"
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+      <span
+        className="icon is-medium"
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
+        <i
+          className="fas fa-plus has-text-inherit"
+        />
+      </span>
+      <span>
+        Add to table
+         
+      </span>
     </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots Forms|Checkbox Default 1`] = `
-Array [
+<div
+  className="Checkboxstories__Spacing-sc-1bg8q8e-0 jYNcOY"
+>
   <div
-    className="Checkboxstories__Spacing-sc-1bg8q8e-0 jYNcOY"
+    className="field"
   >
     <div
-      className="field"
-    >
-      <div
-        className="control"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-      >
-        <label
-          className="checkbox"
-        >
-          <span
-            className="gwt-Anchor"
-            tabIndex={0}
-          >
-            <i
-              className="is-outlined fa-square has-text-black far"
-            />
-             
-          </span>
-          Not checked
-        </label>
-      </div>
-    </div>
-    <div
-      className="field"
-    >
-      <div
-        className="control"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-      >
-        <label
-          className="checkbox"
-        >
-          <span
-            className="gwt-Anchor"
-            tabIndex={0}
-          >
-            <i
-              className="is-outlined fa-check-square has-text-link fa"
-            />
-             
-          </span>
-          Checked
-        </label>
-      </div>
-    </div>
-    <div
-      className="field"
-    >
-      <div
-        className="control"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-      >
-        <label
-          className="checkbox"
-        >
-          <span
-            className="gwt-Anchor"
-            tabIndex={0}
-          >
-            <i
-              className="is-outlined fa-minus-square has-text-link far"
-            />
-             
-          </span>
-          Indeterminate
-        </label>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
+      className="control"
       onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+      onKeyDown={[Function]}
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+      <label
+        className="checkbox"
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <span
+          className="gwt-Anchor"
+          tabIndex={0}
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          <i
+            className="is-outlined fa-square has-text-black far"
+          />
+           
+        </span>
+        Not checked
+      </label>
+    </div>
+  </div>
+  <div
+    className="field"
+  >
+    <div
+      className="control"
+      onClick={[Function]}
+      onKeyDown={[Function]}
+    >
+      <label
+        className="checkbox"
+      >
+        <span
+          className="gwt-Anchor"
+          tabIndex={0}
+        >
+          <i
+            className="is-outlined fa-check-square has-text-link fa"
+          />
+           
+        </span>
+        Checked
+      </label>
+    </div>
+  </div>
+  <div
+    className="field"
+  >
+    <div
+      className="control"
+      onClick={[Function]}
+      onKeyDown={[Function]}
+    >
+      <label
+        className="checkbox"
+      >
+        <span
+          className="gwt-Anchor"
+          tabIndex={0}
+        >
+          <i
+            className="is-outlined fa-minus-square has-text-link far"
+          />
+           
+        </span>
+        Indeterminate
+      </label>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Forms|Checkbox Disabled 1`] = `
-Array [
+<div
+  className="Checkboxstories__Spacing-sc-1bg8q8e-0 jYNcOY"
+>
   <div
-    className="Checkboxstories__Spacing-sc-1bg8q8e-0 jYNcOY"
+    className="field"
   >
     <div
-      className="field"
-    >
-      <div
-        className="control"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-      >
-        <label
-          className="checkbox"
-          disabled={true}
-        >
-          <span
-            className="gwt-Anchor"
-            tabIndex={0}
-          >
-            <i
-              className="is-outlined fa-check-square has-text-grey-light fa"
-            />
-             
-          </span>
-          Checked but disabled
-        </label>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
+      className="control"
       onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+      onKeyDown={[Function]}
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+      <label
+        className="checkbox"
+        disabled={true}
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <span
+          className="gwt-Anchor"
+          tabIndex={0}
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          <i
+            className="is-outlined fa-check-square has-text-grey-light fa"
+          />
+           
+        </span>
+        Checked but disabled
+      </label>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Forms|Checkbox With HelpText 1`] = `
-Array [
+<div
+  className="Checkboxstories__Spacing-sc-1bg8q8e-0 jYNcOY"
+>
   <div
-    className="Checkboxstories__Spacing-sc-1bg8q8e-0 jYNcOY"
+    className="field"
   >
     <div
-      className="field"
-    >
-      <div
-        className="control"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-      >
-        <label
-          className="checkbox"
-        >
-          <span
-            className="gwt-Anchor"
-            tabIndex={0}
-          >
-            <i
-              className="is-outlined fa-square has-text-black far"
-            />
-             
-          </span>
-          Classic helpText
-          <span
-            className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
-            data-tooltip="This is a classic help text."
-          >
-            <i
-              className="fas fa-question-circle has-text-blue-light"
-            />
-          </span>
-        </label>
-      </div>
-    </div>
-    <div
-      className="field"
-    >
-      <div
-        className="control"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-      >
-        <label
-          className="checkbox"
-        >
-          <span
-            className="gwt-Anchor"
-            tabIndex={0}
-          >
-            <i
-              className="is-outlined fa-check-square has-text-link fa"
-            />
-             
-          </span>
-          Long helpText
-          <span
-            className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
-            data-tooltip="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
-          >
-            <i
-              className="fas fa-question-circle has-text-blue-light"
-            />
-          </span>
-        </label>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
+      className="control"
       onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+      onKeyDown={[Function]}
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+      <label
+        className="checkbox"
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <span
+          className="gwt-Anchor"
+          tabIndex={0}
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          <i
+            className="is-outlined fa-square has-text-black far"
+          />
+           
+        </span>
+        Classic helpText
+        <span
+          className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
+          data-tooltip="This is a classic help text."
+        >
+          <i
+            className="fas fa-question-circle has-text-blue-light"
+          />
+        </span>
+      </label>
+    </div>
+  </div>
+  <div
+    className="field"
+  >
+    <div
+      className="control"
+      onClick={[Function]}
+      onKeyDown={[Function]}
+    >
+      <label
+        className="checkbox"
+      >
+        <span
+          className="gwt-Anchor"
+          tabIndex={0}
+        >
+          <i
+            className="is-outlined fa-check-square has-text-link fa"
+          />
+           
+        </span>
+        Long helpText
+        <span
+          className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
+          data-tooltip="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
+        >
+          <i
+            className="fas fa-question-circle has-text-blue-light"
+          />
+        </span>
+      </label>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Forms|DropDown Add preselect if missing in options 1`] = `
-Array [
-  <div
-    className="select"
+<div
+  className="select"
+>
+  <select
+    className="DropDown__FullWidthSelect-jjsyoc-0 JtsUj"
+    onChange={[Function]}
+    value="D"
   >
-    <select
-      className="DropDown__FullWidthSelect-jjsyoc-0 JtsUj"
-      onChange={[Function]}
+    <option
+      selected={false}
+      value="alpha"
+    >
+      A
+    </option>
+    <option
+      selected={false}
+      value="beta"
+    >
+      B
+    </option>
+    <option
+      selected={false}
+      value="gamma"
+    >
+      C
+    </option>
+    <option
+      selected={true}
       value="D"
     >
-      <option
-        selected={false}
-        value="alpha"
-      >
-        A
-      </option>
-      <option
-        selected={false}
-        value="beta"
-      >
-        B
-      </option>
-      <option
-        selected={false}
-        value="gamma"
-      >
-        C
-      </option>
-      <option
-        selected={true}
-        value="D"
-      >
-        D
-      </option>
-    </select>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+      D
+    </option>
+  </select>
+</div>
 `;
 
 exports[`Storyshots Forms|DropDown Default 1`] = `
-Array [
-  <div
-    className="select"
+<div
+  className="select"
+>
+  <select
+    className="DropDown__FullWidthSelect-jjsyoc-0 JtsUj"
+    onChange={[Function]}
+    value="de"
   >
-    <select
-      className="DropDown__FullWidthSelect-jjsyoc-0 JtsUj"
-      onChange={[Function]}
+    <option
+      selected={false}
+      value="en"
+    >
+      en
+    </option>
+    <option
+      selected={true}
       value="de"
     >
-      <option
-        selected={false}
-        value="en"
-      >
-        en
-      </option>
-      <option
-        selected={true}
-        value="de"
-      >
-        de
-      </option>
-      <option
-        selected={false}
-        value="es"
-      >
-        es
-      </option>
-    </select>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      de
+    </option>
+    <option
+      selected={false}
+      value="es"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+      es
+    </option>
+  </select>
+</div>
 `;
 
 exports[`Storyshots Forms|DropDown With Translation 1`] = `
-Array [
-  <div
-    className="select"
+<div
+  className="select"
+>
+  <select
+    className="DropDown__FullWidthSelect-jjsyoc-0 JtsUj"
+    onChange={[Function]}
+    value="dirk"
   >
-    <select
-      className="DropDown__FullWidthSelect-jjsyoc-0 JtsUj"
-      onChange={[Function]}
+    <option
+      selected={false}
+      value="hg2g"
+    >
+      The Hitchhiker's Guide to the Galaxy
+    </option>
+    <option
+      selected={true}
       value="dirk"
     >
-      <option
-        selected={false}
-        value="hg2g"
-      >
-        The Hitchhiker's Guide to the Galaxy
-      </option>
-      <option
-        selected={true}
-        value="dirk"
-      >
-        Dirk Gently’s Holistic Detective Agency
-      </option>
-      <option
-        selected={false}
-        value="liff"
-      >
-        The Meaning Of Liff
-      </option>
-      <option
-        selected={true}
-        value="dirk"
-      >
-        dirk
-      </option>
-    </select>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      Dirk Gently’s Holistic Detective Agency
+    </option>
+    <option
+      selected={false}
+      value="liff"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+      The Meaning Of Liff
+    </option>
+    <option
+      selected={true}
+      value="dirk"
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+      dirk
+    </option>
+  </select>
+</div>
 `;
 
 exports[`Storyshots Forms|Radio Default 1`] = `
-Array [
-  <div
-    className="Radiostories__Spacing-sc-18hvwhd-0 kkyCQu"
+<div
+  className="Radiostories__Spacing-sc-18hvwhd-0 kkyCQu"
+>
+  <label
+    className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
   >
-    <label
-      className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
-    >
-      <input
-        checked={false}
-        onChange={[Function]}
-        type="radio"
-      />
-       
-      Not checked
-    </label>
-    <label
-      className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
-    >
-      <input
-        checked={true}
-        onChange={[Function]}
-        type="radio"
-      />
-       
-      Checked
-    </label>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
+    <input
+      checked={false}
+      onChange={[Function]}
+      type="radio"
+    />
+     
+    Not checked
+  </label>
+  <label
+    className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
   >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    <input
+      checked={true}
+      onChange={[Function]}
+      type="radio"
+    />
+     
+    Checked
+  </label>
+</div>
 `;
 
 exports[`Storyshots Forms|Radio Disabled 1`] = `
-Array [
-  <div
-    className="Radiostories__Spacing-sc-18hvwhd-0 kkyCQu"
+<div
+  className="Radiostories__Spacing-sc-18hvwhd-0 kkyCQu"
+>
+  <label
+    className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
+    disabled={true}
   >
-    <label
-      className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
+    <input
+      checked={true}
       disabled={true}
-    >
-      <input
-        checked={true}
-        disabled={true}
-        onChange={[Function]}
-        type="radio"
-      />
-       
-      Checked but disabled
-    </label>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+      onChange={[Function]}
+      type="radio"
+    />
+     
+    Checked but disabled
+  </label>
+</div>
 `;
 
 exports[`Storyshots Forms|Radio With HelpText 1`] = `
-Array [
-  <div
-    className="Radiostories__RadioList-sc-18hvwhd-1 ficXrt"
-  >
-    <label
-      className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
-    >
-      <input
-        checked={false}
-        onChange={[Function]}
-        type="radio"
-      />
-       
-      Classic helpText
-      <span
-        className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
-        data-tooltip="This is a classic help text."
-      >
-        <i
-          className="fas fa-question-circle has-text-blue-light"
-        />
-      </span>
-    </label>
-    <label
-      className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
-    >
-      <input
-        checked={true}
-        onChange={[Function]}
-        type="radio"
-      />
-       
-      Long helpText
-      <span
-        className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
-        data-tooltip="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
-      >
-        <i
-          className="fas fa-question-circle has-text-blue-light"
-        />
-      </span>
-    </label>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Forms|Textarea OnCancel 1`] = `
-Array [
-  <div
-    className="Textareastories__Spacing-lk5v3m-0 hsiVrO"
-  >
-    <div
-      className="field"
-    >
-      
-      <div
-        className="control"
-      >
-        <textarea
-          className="textarea"
-          disabled={false}
-          onChange={[Function]}
-          onKeyDown={[Function]}
-          value="Use the escape key to clear the textarea"
-        />
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Forms|Textarea OnChange 1`] = `
-Array [
-  <div
-    className="Textareastories__Spacing-lk5v3m-0 hsiVrO"
-  >
-    <div
-      className="field"
-    >
-      
-      <div
-        className="control"
-      >
-        <textarea
-          className="textarea"
-          disabled={false}
-          onChange={[Function]}
-          onKeyDown={[Function]}
-          value="Start typing"
-        />
-      </div>
-    </div>
-    <hr />
-    <p>
-      Start typing
-    </p>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Forms|Textarea OnSubmit 1`] = `
-Array [
-  <div
-    className="Textareastories__Spacing-lk5v3m-0 hsiVrO"
-  >
-    <div
-      className="field"
-    >
-      
-      <div
-        className="control"
-      >
-        <textarea
-          className="textarea"
-          disabled={false}
-          onChange={[Function]}
-          onKeyDown={[Function]}
-          value="Use the ctrl/command + Enter to submit the textarea"
-        />
-      </div>
-    </div>
-    <hr />
-    <p>
-      
-    </p>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Help Default 1`] = `
-Array [
-  <div
-    className="Helpstories__Wrapper-yq79zu-0 dJebQu"
+<div
+  className="Radiostories__RadioList-sc-18hvwhd-1 ficXrt"
+>
+  <label
+    className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
   >
+    <input
+      checked={false}
+      onChange={[Function]}
+      type="radio"
+    />
+     
+    Classic helpText
     <span
       className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
-      data-tooltip="This is a help message"
+      data-tooltip="This is a classic help text."
     >
       <i
         className="fas fa-question-circle has-text-blue-light"
       />
     </span>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
+  </label>
+  <label
+    className="Radio__StyledRadio-ays4vp-0 cKfIQb radio"
   >
+    <input
+      checked={true}
+      onChange={[Function]}
+      type="radio"
+    />
+     
+    Long helpText
+    <span
+      className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
+      data-tooltip="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
+    >
+      <i
+        className="fas fa-question-circle has-text-blue-light"
+      />
+    </span>
+  </label>
+</div>
+`;
+
+exports[`Storyshots Forms|Textarea OnCancel 1`] = `
+<div
+  className="Textareastories__Spacing-lk5v3m-0 hsiVrO"
+>
+  <div
+    className="field"
+  >
+    
     <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      className="control"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
+      <textarea
+        className="textarea"
+        disabled={false}
+        onChange={[Function]}
+        onKeyDown={[Function]}
+        value="Use the escape key to clear the textarea"
       />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+  </div>
+</div>
+`;
+
+exports[`Storyshots Forms|Textarea OnChange 1`] = `
+<div
+  className="Textareastories__Spacing-lk5v3m-0 hsiVrO"
+>
+  <div
+    className="field"
+  >
+    
+    <div
+      className="control"
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+      <textarea
+        className="textarea"
+        disabled={false}
+        onChange={[Function]}
+        onKeyDown={[Function]}
+        value="Start typing"
+      />
+    </div>
+  </div>
+  <hr />
+  <p>
+    Start typing
+  </p>
+</div>
+`;
+
+exports[`Storyshots Forms|Textarea OnSubmit 1`] = `
+<div
+  className="Textareastories__Spacing-lk5v3m-0 hsiVrO"
+>
+  <div
+    className="field"
+  >
+    
+    <div
+      className="control"
+    >
+      <textarea
+        className="textarea"
+        disabled={false}
+        onChange={[Function]}
+        onKeyDown={[Function]}
+        value="Use the ctrl/command + Enter to submit the textarea"
+      />
+    </div>
+  </div>
+  <hr />
+  <p>
+    
+  </p>
+</div>
+`;
+
+exports[`Storyshots Help Default 1`] = `
+<div
+  className="Helpstories__Wrapper-yq79zu-0 dJebQu"
+>
+  <span
+    className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
+    data-tooltip="This is a help message"
+  >
+    <i
+      className="fas fa-question-circle has-text-blue-light"
+    />
+  </span>
+</div>
 `;
 
 exports[`Storyshots Help Multiline 1`] = `
-Array [
+<div
+  className="Helpstories__Wrapper-yq79zu-0 dJebQu"
+>
   <div
-    className="Helpstories__Wrapper-yq79zu-0 dJebQu"
+    className="Helpstories__Spacing-yq79zu-1 datKtb"
   >
-    <div
-      className="Helpstories__Spacing-yq79zu-1 datKtb"
-    >
-      <label>
-        With multiline (default):
-      </label>
-      <span
-        className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
-        data-tooltip="Cleverness nuclear genuine static irresponsibility invited President Zaphod
+    <label>
+      With multiline (default):
+    </label>
+    <span
+      className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block has-tooltip-multiline"
+      data-tooltip="Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
 shapes field strong disaster parties Russell’s ancestors infinite colour
 imaginative generator sweep."
-      >
-        <i
-          className="fas fa-question-circle has-text-blue-light"
-        />
-      </span>
-    </div>
-    <div
-      className="Helpstories__Spacing-yq79zu-1 datKtb"
     >
-      <label>
-        Without multiline:
-      </label>
-      <span
-        className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block"
-        data-tooltip="Cleverness nuclear genuine static irresponsibility invited President Zaphod
+      <i
+        className="fas fa-question-circle has-text-blue-light"
+      />
+    </span>
+  </div>
+  <div
+    className="Helpstories__Spacing-yq79zu-1 datKtb"
+  >
+    <label>
+      Without multiline:
+    </label>
+    <span
+      className="tooltip has-tooltip-right Help__HelpTooltip-ykmmew-0 OUPvb is-inline-block"
+      data-tooltip="Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
 shapes field strong disaster parties Russell’s ancestors infinite colour
 imaginative generator sweep."
-      >
-        <i
-          className="fas fa-question-circle has-text-blue-light"
-        />
-      </span>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
+      <i
+        className="fas fa-question-circle has-text-blue-light"
       />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    </span>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Icon Colors 1`] = `
-Array [
-  <div
-    className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
-  >
-    <i
-      className="fas fa-fw fa-cat has-text-grey-light"
-      title="default color"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-primary"
-      title="primary"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-link"
-      title="link"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-info"
-      title="info"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-success"
-      title="success"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-warning"
-      title="warning"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-danger"
-      title="danger"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-white"
-      title="white"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-light"
-      title="light"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-dark"
-      title="dark"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-black"
-      title="black"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-text"
-      title="text"
-    />
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+<div
+  className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
+>
+  <i
+    className="fas fa-fw fa-cat has-text-grey-light"
+    title="default color"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-primary"
+    title="primary"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-link"
+    title="link"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-info"
+    title="info"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-success"
+    title="success"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-warning"
+    title="warning"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-danger"
+    title="danger"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-white"
+    title="white"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-light"
+    title="light"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-dark"
+    title="dark"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-black"
+    title="black"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-text"
+    title="text"
+  />
+</div>
 `;
 
 exports[`Storyshots Icon Default 1`] = `
-Array [
-  <div
-    className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
-  >
-    <i
-      className="fas fa-cat has-text-grey-light"
-    />
-    <i
-      className="fas fa-fw fa-download has-text-info"
-      title="Download"
-    />
-    <i
-      className="fas fa-fw fa-code-branch fa-rotate-180 has-text-warning"
-      title="Pull Request"
-    />
-    <i
-      className="far fa-fw fa-star has-text-inherit"
-      title="Star"
-    />
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+<div
+  className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
+>
+  <i
+    className="fas fa-cat has-text-grey-light"
+  />
+  <i
+    className="fas fa-fw fa-download has-text-info"
+    title="Download"
+  />
+  <i
+    className="fas fa-fw fa-code-branch fa-rotate-180 has-text-warning"
+    title="Pull Request"
+  />
+  <i
+    className="far fa-fw fa-star has-text-inherit"
+    title="Star"
+  />
+</div>
 `;
 
 exports[`Storyshots Icon Icon styles 1`] = `
-Array [
-  <div
-    className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
-  >
-    <i
-      className="fas fa-fw fa-star has-text-inherit"
-      title="solid style"
-    />
-    <i
-      className="far fa-fw fa-star has-text-inherit"
-      title="regular style"
-    />
-    <i
-      className="fab fa-fw fa-react has-text-inherit"
-      title="brand style"
-    />
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+<div
+  className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
+>
+  <i
+    className="fas fa-fw fa-star has-text-inherit"
+    title="solid style"
+  />
+  <i
+    className="far fa-fw fa-star has-text-inherit"
+    title="regular style"
+  />
+  <i
+    className="fab fa-fw fa-react has-text-inherit"
+    title="brand style"
+  />
+</div>
 `;
 
 exports[`Storyshots Icon More options 1`] = `
-Array [
-  <div
-    className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
-  >
-    <i
-      className="fas fa-fw fa-snowboarding fa-rotate-270 has-text-grey-light"
-      title="rotate-270"
-    />
-    <i
-      className="fas fa-fw fa-spinner fa-spin has-text-grey-light"
-      title="spin"
-    />
-    <i
-      className="fas fa-fw fa-cat has-text-grey-light is-size-4"
-      title="custom sizing"
-    />
-    <i
-      className="fas fa-fw fa-hand-sparkles has-text-grey-light has-background-primary-25"
-      title="custom background"
-    />
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+<div
+  className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
+>
+  <i
+    className="fas fa-fw fa-snowboarding fa-rotate-270 has-text-grey-light"
+    title="rotate-270"
+  />
+  <i
+    className="fas fa-fw fa-spinner fa-spin has-text-grey-light"
+    title="spin"
+  />
+  <i
+    className="fas fa-fw fa-cat has-text-grey-light is-size-4"
+    title="custom sizing"
+  />
+  <i
+    className="fas fa-fw fa-hand-sparkles has-text-grey-light has-background-primary-25"
+    title="custom background"
+  />
+</div>
 `;
 
 exports[`Storyshots Icon Sizing 1`] = `
-Array [
-  <div
-    className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
-  >
-    <i
-      className="fas fa-fw fa-cat has-text-grey-light"
-      title="default size"
-    />
-    <i
-      className="fas fa-fw fa-cat fa-xs has-text-grey-light"
-      title="fa-xs"
-    />
-    <i
-      className="fas fa-fw fa-cat fa-sm has-text-grey-light"
-      title="fa-sm"
-    />
-    <i
-      className="fas fa-fw fa-cat fa-lg has-text-grey-light"
-      title="fa-lg"
-    />
-    <i
-      className="fas fa-fw fa-cat fa-2x has-text-grey-light"
-      title="fa-2x"
-    />
-    <i
-      className="fas fa-fw fa-cat fa-3x has-text-grey-light"
-      title="fa-3x"
-    />
-    <i
-      className="fas fa-fw fa-cat fa-5x has-text-grey-light"
-      title="fa-5x"
-    />
-    <i
-      className="fas fa-fw fa-cat fa-7x has-text-grey-light"
-      title="fa-7x"
-    />
-    <i
-      className="fas fa-fw fa-cat fa-10x has-text-grey-light"
-      title="fa-10x"
-    />
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+<div
+  className="Iconstories__Wrapper-sc-1g657fe-0 hxpFdL"
+>
+  <i
+    className="fas fa-fw fa-cat has-text-grey-light"
+    title="default size"
+  />
+  <i
+    className="fas fa-fw fa-cat fa-xs has-text-grey-light"
+    title="fa-xs"
+  />
+  <i
+    className="fas fa-fw fa-cat fa-sm has-text-grey-light"
+    title="fa-sm"
+  />
+  <i
+    className="fas fa-fw fa-cat fa-lg has-text-grey-light"
+    title="fa-lg"
+  />
+  <i
+    className="fas fa-fw fa-cat fa-2x has-text-grey-light"
+    title="fa-2x"
+  />
+  <i
+    className="fas fa-fw fa-cat fa-3x has-text-grey-light"
+    title="fa-3x"
+  />
+  <i
+    className="fas fa-fw fa-cat fa-5x has-text-grey-light"
+    title="fa-5x"
+  />
+  <i
+    className="fas fa-fw fa-cat fa-7x has-text-grey-light"
+    title="fa-7x"
+  />
+  <i
+    className="fas fa-fw fa-cat fa-10x has-text-grey-light"
+    title="fa-10x"
+  />
+</div>
 `;
 
 exports[`Storyshots Layout|Footer Default 1`] = `
-Array [
-  <footer
-    className="footer"
-  >
-    <section
-      className="section container"
-    >
-      <div
-        className="columns is-size-7"
-      >
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-user-circle fa-fw"
-              data-testid="trillian-mcmillian"
-            />
-             
-            Trillian McMillian
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                className=""
-                data-testid="footer-user-profile"
-                href="/me"
-                onClick={[Function]}
-              >
-                footer.user.profile
-              </a>
-            </li>
-          </ul>
-        </section>
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-info-circle fa-fw"
-              data-testid="footer.information.title"
-            />
-             
-            footer.information.title
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                href="https://www.scm-manager.org/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                SCM-Manager 2.0.0
-              </a>
-            </li>
-          </ul>
-        </section>
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-life-ring fa-fw"
-              data-testid="footer.support.title"
-            />
-             
-            footer.support.title
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                href="https://www.scm-manager.org/support/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                footer.support.community
-              </a>
-            </li>
-            <li>
-              <a
-                href="https://cloudogu.com/en/scm-manager-enterprise/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                footer.support.enterprise
-              </a>
-            </li>
-          </ul>
-        </section>
-      </div>
-    </section>
-  </footer>,
-  <footer
-    className="ReactQueryDevtools"
+<footer
+  className="footer"
+>
+  <section
+    className="section container"
   >
     <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      className="columns is-size-7"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+      <section
+        className="column is-one-third"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+          <i
+            className="fas fa-user-circle fa-fw"
+            data-testid="trillian-mcmillian"
+          />
+           
+          Trillian McMillian
         </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              className=""
+              data-testid="footer-user-profile"
+              href="/me"
+              onClick={[Function]}
+            >
+              footer.user.profile
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section
+        className="column is-one-third"
+      >
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+          <i
+            className="fas fa-info-circle fa-fw"
+            data-testid="footer.information.title"
+          />
+           
+          footer.information.title
         </div>
-      </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              href="https://www.scm-manager.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              SCM-Manager 2.0.0
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section
+        className="column is-one-third"
+      >
+        <div
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
+        >
+          <i
+            className="fas fa-life-ring fa-fw"
+            data-testid="footer.support.title"
+          />
+           
+          footer.support.title
+        </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              href="https://www.scm-manager.org/support/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              footer.support.community
+            </a>
+          </li>
+          <li>
+            <a
+              href="https://cloudogu.com/en/scm-manager-enterprise/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              footer.support.enterprise
+            </a>
+          </li>
+        </ul>
+      </section>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </section>
+</footer>
 `;
 
 exports[`Storyshots Layout|Footer Full 1`] = `
-Array [
-  <footer
-    className="footer"
-  >
-    <section
-      className="section container"
-    >
-      <div
-        className="columns is-size-7"
-      >
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <div
-              data-testid="trillian-mcmillian"
-            >
-              <span
-                className="Footer__AvatarContainer-k70cxq-1 iwlTWG image is-rounded"
-              >
-                <img
-                  alt="trillian"
-                  className="is-rounded Footer__VCenteredAvatar-k70cxq-0 Vsms"
-                  src="test-file-stub"
-                />
-              </span>
-              Trillian McMillian
-            </div>
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                className=""
-                data-testid="footer-user-profile"
-                href="/me"
-                onClick={[Function]}
-              >
-                footer.user.profile
-              </a>
-            </li>
-            <li>
-              <a
-                className=""
-                href="/"
-                onClick={[Function]}
-              >
-                Authorized Keys
-              </a>
-            </li>
-          </ul>
-        </section>
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-info-circle fa-fw"
-              data-testid="footer.information.title"
-            />
-             
-            footer.information.title
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                href="https://www.scm-manager.org/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                SCM-Manager 2.0.0
-              </a>
-            </li>
-            <li>
-              <a
-                href="#"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                REST API
-              </a>
-            </li>
-            <li>
-              <a
-                href="#"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                CLI
-              </a>
-            </li>
-          </ul>
-        </section>
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-life-ring fa-fw"
-              data-testid="footer.support.title"
-            />
-             
-            footer.support.title
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                href="https://www.scm-manager.org/support/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                footer.support.community
-              </a>
-            </li>
-            <li>
-              <a
-                href="https://cloudogu.com/en/scm-manager-enterprise/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                footer.support.enterprise
-              </a>
-            </li>
-            <li>
-              <a
-                href="#"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                FAQ
-              </a>
-            </li>
-          </ul>
-        </section>
-      </div>
-    </section>
-  </footer>,
-  <footer
-    className="ReactQueryDevtools"
+<footer
+  className="footer"
+>
+  <section
+    className="section container"
   >
     <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      className="columns is-size-7"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+      <section
+        className="column is-one-third"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            data-testid="trillian-mcmillian"
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="Footer__AvatarContainer-k70cxq-1 iwlTWG image is-rounded"
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <img
+                alt="trillian"
+                className="is-rounded Footer__VCenteredAvatar-k70cxq-0 Vsms"
+                src="test-file-stub"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
+            </span>
+            Trillian McMillian
           </div>
         </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+          <li>
+            <a
+              className=""
+              data-testid="footer-user-profile"
+              href="/me"
+              onClick={[Function]}
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
+              footer.user.profile
+            </a>
+          </li>
+          <li>
+            <a
+              className=""
+              href="/"
+              onClick={[Function]}
             >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+              Authorized Keys
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section
+        className="column is-one-third"
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          <i
+            className="fas fa-info-circle fa-fw"
+            data-testid="footer.information.title"
+          />
+           
+          footer.information.title
+        </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              href="https://www.scm-manager.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              SCM-Manager 2.0.0
+            </a>
+          </li>
+          <li>
+            <a
+              href="#"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              REST API
+            </a>
+          </li>
+          <li>
+            <a
+              href="#"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              CLI
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section
+        className="column is-one-third"
+      >
+        <div
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
+        >
+          <i
+            className="fas fa-life-ring fa-fw"
+            data-testid="footer.support.title"
+          />
+           
+          footer.support.title
+        </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              href="https://www.scm-manager.org/support/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              footer.support.community
+            </a>
+          </li>
+          <li>
+            <a
+              href="https://cloudogu.com/en/scm-manager-enterprise/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              footer.support.enterprise
+            </a>
+          </li>
+          <li>
+            <a
+              href="#"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              FAQ
+            </a>
+          </li>
+        </ul>
+      </section>
+    </div>
+  </section>
+</footer>
 `;
 
 exports[`Storyshots Layout|Footer With Avatar 1`] = `
-Array [
-  <footer
-    className="footer"
-  >
-    <section
-      className="section container"
-    >
-      <div
-        className="columns is-size-7"
-      >
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <div
-              data-testid="trillian-mcmillian"
-            >
-              <span
-                className="Footer__AvatarContainer-k70cxq-1 iwlTWG image is-rounded"
-              >
-                <img
-                  alt="trillian"
-                  className="is-rounded Footer__VCenteredAvatar-k70cxq-0 Vsms"
-                  src="test-file-stub"
-                />
-              </span>
-              Trillian McMillian
-            </div>
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                className=""
-                data-testid="footer-user-profile"
-                href="/me"
-                onClick={[Function]}
-              >
-                footer.user.profile
-              </a>
-            </li>
-          </ul>
-        </section>
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-info-circle fa-fw"
-              data-testid="footer.information.title"
-            />
-             
-            footer.information.title
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                href="https://www.scm-manager.org/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                SCM-Manager 2.0.0
-              </a>
-            </li>
-          </ul>
-        </section>
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-life-ring fa-fw"
-              data-testid="footer.support.title"
-            />
-             
-            footer.support.title
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                href="https://www.scm-manager.org/support/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                footer.support.community
-              </a>
-            </li>
-            <li>
-              <a
-                href="https://cloudogu.com/en/scm-manager-enterprise/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                footer.support.enterprise
-              </a>
-            </li>
-          </ul>
-        </section>
-      </div>
-    </section>
-  </footer>,
-  <footer
-    className="ReactQueryDevtools"
+<footer
+  className="footer"
+>
+  <section
+    className="section container"
   >
     <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      className="columns is-size-7"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+      <section
+        className="column is-one-third"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
           <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            data-testid="trillian-mcmillian"
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="Footer__AvatarContainer-k70cxq-1 iwlTWG image is-rounded"
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <img
+                alt="trillian"
+                className="is-rounded Footer__VCenteredAvatar-k70cxq-0 Vsms"
+                src="test-file-stub"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
+            </span>
+            Trillian McMillian
           </div>
         </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+          <li>
+            <a
+              className=""
+              data-testid="footer-user-profile"
+              href="/me"
+              onClick={[Function]}
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+              footer.user.profile
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section
+        className="column is-one-third"
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          <i
+            className="fas fa-info-circle fa-fw"
+            data-testid="footer.information.title"
+          />
+           
+          footer.information.title
+        </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              href="https://www.scm-manager.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              SCM-Manager 2.0.0
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section
+        className="column is-one-third"
+      >
+        <div
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
+        >
+          <i
+            className="fas fa-life-ring fa-fw"
+            data-testid="footer.support.title"
+          />
+           
+          footer.support.title
+        </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              href="https://www.scm-manager.org/support/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              footer.support.community
+            </a>
+          </li>
+          <li>
+            <a
+              href="https://cloudogu.com/en/scm-manager-enterprise/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              footer.support.enterprise
+            </a>
+          </li>
+        </ul>
+      </section>
+    </div>
+  </section>
+</footer>
 `;
 
 exports[`Storyshots Layout|Footer With Plugin Links 1`] = `
-Array [
-  <footer
-    className="footer"
-  >
-    <section
-      className="section container"
-    >
-      <div
-        className="columns is-size-7"
-      >
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-user-circle fa-fw"
-              data-testid="trillian-mcmillian"
-            />
-             
-            Trillian McMillian
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                className=""
-                data-testid="footer-user-profile"
-                href="/me"
-                onClick={[Function]}
-              >
-                footer.user.profile
-              </a>
-            </li>
-            <li>
-              <a
-                className=""
-                href="/"
-                onClick={[Function]}
-              >
-                Authorized Keys
-              </a>
-            </li>
-          </ul>
-        </section>
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-info-circle fa-fw"
-              data-testid="footer.information.title"
-            />
-             
-            footer.information.title
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                href="https://www.scm-manager.org/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                SCM-Manager 2.0.0
-              </a>
-            </li>
-            <li>
-              <a
-                href="#"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                REST API
-              </a>
-            </li>
-            <li>
-              <a
-                href="#"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                CLI
-              </a>
-            </li>
-          </ul>
-        </section>
-        <section
-          className="column is-one-third"
-        >
-          <div
-            className="FooterSection__Title-lx0ikb-0 jtNydW"
-          >
-            <i
-              className="fas fa-life-ring fa-fw"
-              data-testid="footer.support.title"
-            />
-             
-            footer.support.title
-          </div>
-          <ul
-            className="FooterSection__Menu-lx0ikb-1 bQURQc"
-          >
-            <li>
-              <a
-                href="https://www.scm-manager.org/support/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                footer.support.community
-              </a>
-            </li>
-            <li>
-              <a
-                href="https://cloudogu.com/en/scm-manager-enterprise/"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                footer.support.enterprise
-              </a>
-            </li>
-            <li>
-              <a
-                href="#"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                FAQ
-              </a>
-            </li>
-          </ul>
-        </section>
-      </div>
-    </section>
-  </footer>,
-  <footer
-    className="ReactQueryDevtools"
+<footer
+  className="footer"
+>
+  <section
+    className="section container"
   >
     <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      className="columns is-size-7"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+      <section
+        className="column is-one-third"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+          <i
+            className="fas fa-user-circle fa-fw"
+            data-testid="trillian-mcmillian"
+          />
+           
+          Trillian McMillian
         </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              className=""
+              data-testid="footer-user-profile"
+              href="/me"
+              onClick={[Function]}
+            >
+              footer.user.profile
+            </a>
+          </li>
+          <li>
+            <a
+              className=""
+              href="/"
+              onClick={[Function]}
+            >
+              Authorized Keys
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section
+        className="column is-one-third"
+      >
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+          <i
+            className="fas fa-info-circle fa-fw"
+            data-testid="footer.information.title"
+          />
+           
+          footer.information.title
         </div>
-      </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              href="https://www.scm-manager.org/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              SCM-Manager 2.0.0
+            </a>
+          </li>
+          <li>
+            <a
+              href="#"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              REST API
+            </a>
+          </li>
+          <li>
+            <a
+              href="#"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              CLI
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section
+        className="column is-one-third"
+      >
+        <div
+          className="FooterSection__Title-lx0ikb-0 jtNydW"
+        >
+          <i
+            className="fas fa-life-ring fa-fw"
+            data-testid="footer.support.title"
+          />
+           
+          footer.support.title
+        </div>
+        <ul
+          className="FooterSection__Menu-lx0ikb-1 bQURQc"
+        >
+          <li>
+            <a
+              href="https://www.scm-manager.org/support/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              footer.support.community
+            </a>
+          </li>
+          <li>
+            <a
+              href="https://cloudogu.com/en/scm-manager-enterprise/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              footer.support.enterprise
+            </a>
+          </li>
+          <li>
+            <a
+              href="#"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              FAQ
+            </a>
+          </li>
+        </ul>
+      </section>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </section>
+</footer>
 `;
 
 exports[`Storyshots Loading Default 1`] = `
-Array [
-  <div>
-    <div
-      className="Loading__Wrapper-sc-1usnmho-0 cNYFPj is-flex"
-    >
-      <img
-        alt="loading.alt"
-        className="Loading__FixedSizedImage-sc-1usnmho-1 jhVhPL"
-        src="/images/loading.svg"
-      />
-      <p
-        className="has-text-centered"
-      />
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
+<div>
+  <div
+    className="Loading__Wrapper-sc-1usnmho-0 cNYFPj is-flex"
   >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    <img
+      alt="loading.alt"
+      className="Loading__FixedSizedImage-sc-1usnmho-1 jhVhPL"
+      src="/images/loading.svg"
+    />
+    <p
+      className="has-text-centered"
+    />
+  </div>
+</div>
 `;
 
 exports[`Storyshots Logo Default 1`] = `
-Array [
-  <div
-    className="Logostories__Wrapper-sc-14nnt4j-0 jlFUCv"
-  >
-    <img
-      alt="logo.alt"
-      src="/images/logo.png"
-    />
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+<div
+  className="Logostories__Wrapper-sc-14nnt4j-0 jlFUCv"
+>
+  <img
+    alt="logo.alt"
+    src="/images/logo.png"
+  />
+</div>
 `;
 
 exports[`Storyshots MarkdownView Code without Lang 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
-  >
-    <div>
-      <div
-        className="content is-word-break"
-      >
-        <p>
-          Here is markdown with code, but without Language.
-        </p>
-        <div>
-          <pre
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <div>
+    <div
+      className="content is-word-break"
+    >
+      <p>
+        Here is markdown with code, but without Language.
+      </p>
+      <div>
+        <pre
+          style={
+            Object {
+              "MozHyphens": "none",
+              "MozTabSize": "4",
+              "OTabSize": "4",
+              "WebkitHyphens": "none",
+              "background": "#ffffff",
+              "color": "#363636",
+              "direction": "ltr",
+              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+              "fontSize": "13px",
+              "hyphens": "none",
+              "lineHeight": "1.5",
+              "margin": ".5em 0",
+              "msHyphens": "none",
+              "overflow": "auto",
+              "padding": "1em",
+              "tabSize": "4",
+              "textAlign": "left",
+              "textShadow": "none",
+              "whiteSpace": "pre",
+              "wordBreak": "normal",
+              "wordSpacing": "normal",
+            }
+          }
+        >
+          <code
+            className="language-text"
             style={
               Object {
                 "MozHyphens": "none",
                 "MozTabSize": "4",
                 "OTabSize": "4",
                 "WebkitHyphens": "none",
-                "background": "#ffffff",
                 "color": "#363636",
                 "direction": "ltr",
                 "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
                 "fontSize": "13px",
                 "hyphens": "none",
                 "lineHeight": "1.5",
-                "margin": ".5em 0",
                 "msHyphens": "none",
-                "overflow": "auto",
-                "padding": "1em",
                 "tabSize": "4",
                 "textAlign": "left",
                 "textShadow": "none",
@@ -90684,1261 +47834,163 @@ Array [
               }
             }
           >
-            <code
-              className="language-text"
-              style={
-                Object {
-                  "MozHyphens": "none",
-                  "MozTabSize": "4",
-                  "OTabSize": "4",
-                  "WebkitHyphens": "none",
-                  "color": "#363636",
-                  "direction": "ltr",
-                  "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                  "fontSize": "13px",
-                  "hyphens": "none",
-                  "lineHeight": "1.5",
-                  "msHyphens": "none",
-                  "tabSize": "4",
-                  "textAlign": "left",
-                  "textShadow": "none",
-                  "whiteSpace": "pre",
-                  "wordBreak": "normal",
-                  "wordSpacing": "normal",
-                }
-              }
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-1"
             >
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-1"
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                1
+              </span>
+              <span
+                style={Object {}}
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
                 <span
                   className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                      "display": "inline-block",
+                      "minWidth": "1em",
+                      "paddingRight": "1em",
+                      "textAlign": "right",
+                      "userSelect": "none",
+                    }
+                  }
                 >
                   1
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    className="linenumber react-syntax-highlighter-line-number"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                        "display": "inline-block",
-                        "minWidth": "1em",
-                        "paddingRight": "1em",
-                        "textAlign": "right",
-                        "userSelect": "none",
-                      }
-                    }
-                  >
-                    1
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    Code without Language!
-                  </span>
+                  Code without Language!
                 </span>
-              </div>
-            </code>
-          </pre>
-        </div>
+              </span>
+            </div>
+          </code>
+        </pre>
       </div>
     </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots MarkdownView Commit Links 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
-  >
-    <div>
-      <div
-        className="content is-word-break"
-      >
-        <h1>
-          Commit Links in Markdown
-        </h1>
-        <p>
-          <a
-            href="/repo/namespace/name/code/changeset/1a5s4w8a"
-            title="changeset.shortlink.title"
-          >
-            namespace/name@1a5s4w8a
-          </a>
-        </p>
-        <p>
-          Please check for this commit: 
-          <a
-            href="/repo/namespace/name/code/changeset/1a5s4w8a"
-            title="changeset.shortlink.title"
-          >
-            namespace/name@1a5s4w8a
-          </a>
-        </p>
-        <p>
-          <a
-            href="/repo/hitchhiker/heart-of-gold/code/changeset/c7237cb60689046990dc9dc2a388a517adb3e2b2"
-            title="changeset.shortlink.title"
-          >
-            hitchhiker/heart-of-gold@c7237cb60689046990dc9dc2a388a517adb3e2b2
-          </a>
-        </p>
-        <p>
-          <a
-            href="/repo/hitchhiker/heart-of-gold/code/changeset/c7237cb"
-            title="changeset.shortlink.title"
-          >
-            hitchhiker/heart-of-gold@c7237cb
-          </a>
-        </p>
-        <p>
-          <a
-            href="/repo/hitchhiker/heart-of-gold/code/changeset/42"
-            title="changeset.shortlink.title"
-          >
-            hitchhiker/heart-of-gold@42
-          </a>
-        </p>
-        <p>
-          <a
-            href="https://scm-manager.org/"
-          >
-            hitchhiker/heart-of-gold@42
-          </a>
-        </p>
-        <p>
-          Prefix 
-          <a
-            href="/repo/hitchhiker/heart-of-gold/code/changeset/42"
-            title="changeset.shortlink.title"
-          >
-            hitchhiker/heart-of-gold@42
-          </a>
-           some text 
-          <a
-            href="/repo/hitchhiker/heart-of-gold/code/changeset/21"
-            title="changeset.shortlink.title"
-          >
-            hitchhiker/heart-of-gold@21
-          </a>
-           suffix
-        </p>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <div>
     <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      className="content is-word-break"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+      <h1>
+        Commit Links in Markdown
+      </h1>
+      <p>
+        <a
+          href="/repo/namespace/name/code/changeset/1a5s4w8a"
+          title="changeset.shortlink.title"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          namespace/name@1a5s4w8a
+        </a>
+      </p>
+      <p>
+        Please check for this commit: 
+        <a
+          href="/repo/namespace/name/code/changeset/1a5s4w8a"
+          title="changeset.shortlink.title"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
+          namespace/name@1a5s4w8a
+        </a>
+      </p>
+      <p>
+        <a
+          href="/repo/hitchhiker/heart-of-gold/code/changeset/c7237cb60689046990dc9dc2a388a517adb3e2b2"
+          title="changeset.shortlink.title"
+        >
+          hitchhiker/heart-of-gold@c7237cb60689046990dc9dc2a388a517adb3e2b2
+        </a>
+      </p>
+      <p>
+        <a
+          href="/repo/hitchhiker/heart-of-gold/code/changeset/c7237cb"
+          title="changeset.shortlink.title"
+        >
+          hitchhiker/heart-of-gold@c7237cb
+        </a>
+      </p>
+      <p>
+        <a
+          href="/repo/hitchhiker/heart-of-gold/code/changeset/42"
+          title="changeset.shortlink.title"
+        >
+          hitchhiker/heart-of-gold@42
+        </a>
+      </p>
+      <p>
+        <a
+          href="https://scm-manager.org/"
+        >
+          hitchhiker/heart-of-gold@42
+        </a>
+      </p>
+      <p>
+        Prefix 
+        <a
+          href="/repo/hitchhiker/heart-of-gold/code/changeset/42"
+          title="changeset.shortlink.title"
+        >
+          hitchhiker/heart-of-gold@42
+        </a>
+         some text 
+        <a
+          href="/repo/hitchhiker/heart-of-gold/code/changeset/21"
+          title="changeset.shortlink.title"
+        >
+          hitchhiker/heart-of-gold@21
+        </a>
+         suffix
+      </p>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots MarkdownView Custom code renderer 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
-  >
-    <div>
-      <div
-        className="content is-word-break"
-      >
-        <h1>
-          Uml Code Block in Markdown
-        </h1>
-        <div>
-          <h4
-            style={
-              Object {
-                "border": "1px dashed lightgray",
-                "padding": "2px",
-              }
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <div>
+    <div
+      className="content is-word-break"
+    >
+      <h1>
+        Uml Code Block in Markdown
+      </h1>
+      <div>
+        <h4
+          style={
+            Object {
+              "border": "1px dashed lightgray",
+              "padding": "2px",
             }
-          >
-            To render plantuml as images within markdown, please install the scm-markdown-plantuml-plguin
-          </h4>
-          <pre>
-            actor Foo1
+          }
+        >
+          To render plantuml as images within markdown, please install the scm-markdown-plantuml-plguin
+        </h4>
+        <pre>
+          actor Foo1
 boundary Foo2
 control Foo3
 entity Foo4
@@ -91949,1185 +48001,2787 @@ Foo1 -&gt; Foo3 : To control
 Foo1 -&gt; Foo4 : To entity
 Foo1 -&gt; Foo5 : To database
 Foo1 -&gt; Foo6 : To collections
-          </pre>
-        </div>
+        </pre>
       </div>
     </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots MarkdownView Default 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
-  >
-    <div>
-      <div
-        className="content is-word-break"
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <div>
+    <div
+      className="content is-word-break"
+    >
+      <h1>
+        <a
+          name="top"
+        />
+        Markdown Test Page
+      </h1>
+      <ul>
+        <li>
+          <a
+            href="#Headings"
+          >
+            Headings
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Paragraphs"
+          >
+            Paragraphs
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Blockquotes"
+          >
+            Blockquotes
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Lists"
+          >
+            Lists
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Horizontal"
+          >
+            Horizontal rule
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Table"
+          >
+            Table
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Code"
+          >
+            Code
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Inline"
+          >
+            Inline elements
+          </a>
+        </li>
+      </ul>
+      <hr />
+      <h1>
+        <a
+          name="Headings"
+        />
+        Headings
+      </h1>
+      <h1>
+        Heading one
+      </h1>
+      <p>
+        Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat commodo id sunt. Nostrud enim ad commodo incididunt cupidatat in ullamco ullamco Lorem cupidatat velit enim et Lorem. Ut laborum cillum laboris fugiat culpa sint irure do reprehenderit culpa occaecat. Exercitation esse mollit tempor magna aliqua in occaecat aliquip veniam reprehenderit nisi dolor in laboris dolore velit.
+      </p>
+      <h2>
+        Heading two
+      </h2>
+      <p>
+        Aute officia nulla deserunt do deserunt cillum velit magna. Officia veniam culpa anim minim dolore labore pariatur voluptate id ad est duis quis velit dolor pariatur enim. Incididunt enim excepteur do veniam consequat culpa do voluptate dolor fugiat ad adipisicing sit. Labore officia est adipisicing dolore proident eiusmod exercitation deserunt ullamco anim do occaecat velit. Elit dolor consectetur proident sunt aliquip est do tempor quis aliqua culpa aute. Duis in tempor exercitation pariatur et adipisicing mollit irure tempor ut enim esse commodo laboris proident. Do excepteur laborum anim esse aliquip eu sit id Lorem incididunt elit irure ea nulla dolor et. Nulla amet fugiat qui minim deserunt enim eu cupidatat aute officia do velit ea reprehenderit.
+      </p>
+      <h3>
+        Heading three
+      </h3>
+      <p>
+        Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint. Adipisicing ipsum consectetur proident ullamco magna sit amet aliqua aute fugiat laborum exercitation duis et.
+      </p>
+      <h4>
+        Heading four
+      </h4>
+      <p>
+        Commodo fugiat aliqua minim quis pariatur mollit id tempor. Non occaecat minim esse enim aliqua adipisicing nostrud duis consequat eu adipisicing qui. Minim aliquip sit excepteur ipsum consequat laborum pariatur excepteur. Veniam fugiat et amet ad elit anim laborum duis mollit occaecat et et ipsum et reprehenderit. Occaecat aliquip dolore adipisicing sint labore occaecat officia fugiat. Quis adipisicing exercitation exercitation eu amet est laboris sunt nostrud ipsum reprehenderit ullamco. Enim sint ut consectetur id anim aute voluptate exercitation mollit dolore magna magna est Lorem. Ut adipisicing adipisicing aliqua ullamco voluptate labore nisi tempor esse magna incididunt.
+      </p>
+      <h5>
+        Heading five
+      </h5>
+      <p>
+        Veniam enim esse amet veniam deserunt laboris amet enim consequat. Minim nostrud deserunt cillum consectetur commodo eu enim nostrud ullamco occaecat excepteur. Aliquip et ut est commodo enim dolor amet sint excepteur. Amet ad laboris laborum deserunt sint sunt aliqua commodo ex duis deserunt enim est ex labore ut. Duis incididunt velit adipisicing non incididunt adipisicing adipisicing. Ad irure duis nisi tempor eu dolor fugiat magna et consequat tempor eu ex dolore. Mollit esse nisi qui culpa ut nisi ex proident culpa cupidatat cillum culpa occaecat anim. Ut officia sit ea nisi ea excepteur nostrud ipsum et nulla.
+      </p>
+      <h6>
+        Heading six
+      </h6>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        <a
+          name="Paragraphs"
+        />
+        Paragraphs
+      </h1>
+      <p>
+        Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum. Do laboris laboris minim incididunt qui consectetur exercitation adipisicing dolore et magna consequat magna anim sunt. Officia fugiat Lorem sunt pariatur incididunt Lorem reprehenderit proident irure. Dolore ipsum aliqua mollit ad officia fugiat sit eu aliquip cupidatat ipsum duis laborum laborum fugiat esse. Voluptate anim ex dolore deserunt ea ex eiusmod irure. Occaecat excepteur aliqua exercitation aliquip dolor esse eu eu.
+      </p>
+      <p>
+        Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.
+      </p>
+      <p>
+        Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in. Ex labore nulla velit officia ullamco Lorem Lorem id do. Dolore ullamco ipsum magna dolor pariatur voluptate ipsum id occaecat ipsum. Dolore tempor quis duis commodo quis quis enim.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        <a
+          name="Blockquotes"
+        />
+        Blockquotes
+      </h1>
+      <p>
+        Ad nisi laborum aute cupidatat magna deserunt eu id laboris id. Aliquip nulla cupidatat sint ex Lorem mollit laborum dolor amet est ut esse aute. Nostrud ex consequat id incididunt proident ipsum minim duis aliqua ut ex et ad quis. Laborum sint esse cillum anim nulla cillum consectetur aliqua sit. Nisi excepteur cillum labore amet excepteur commodo enim occaecat consequat ipsum proident exercitation duis id in.
+      </p>
+      <blockquote>
+        <p>
+          Ipsum et cupidatat mollit exercitation enim duis sunt irure aliqua reprehenderit mollit. Pariatur Lorem pariatur laboris do culpa do elit irure. Eiusmod amet nulla voluptate velit culpa et aliqua ad reprehenderit sit ut.
+        </p>
+      </blockquote>
+      <p>
+        Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit. Dolore ad esse commodo et dolore amet est velit ut nisi ea. Excepteur ea nulla commodo dolore anim dolore adipisicing eiusmod labore id enim esse quis mollit deserunt est. Minim ea culpa voluptate nostrud commodo proident in duis aliquip minim.
+      </p>
+      <blockquote>
+        <p>
+          Qui est sit et reprehenderit aute est esse enim aliqua id aliquip ea anim. Pariatur sint reprehenderit mollit velit voluptate enim consectetur sint enim. Quis exercitation proident elit non id qui culpa dolore esse aliquip consequat.
+        </p>
+      </blockquote>
+      <p>
+        Ipsum excepteur cupidatat sunt minim ad eiusmod tempor sit.
+      </p>
+      <blockquote>
+        <p>
+          Deserunt excepteur adipisicing culpa pariatur cillum laboris ullamco nisi fugiat cillum officia. In cupidatat nulla aliquip tempor ad Lorem Lorem quis voluptate officia consectetur pariatur ex in est duis. Mollit id esse est elit exercitation voluptate nostrud nisi laborum magna dolore dolore tempor in est consectetur.
+        </p>
+      </blockquote>
+      <p>
+        Adipisicing voluptate ipsum culpa voluptate id aute laboris labore esse fugiat veniam ullamco occaecat do ut. Tempor et esse reprehenderit veniam proident ipsum irure sit ullamco et labore ea excepteur nulla labore ut. Ex aute minim quis tempor in eu id id irure ea nostrud dolor esse.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        <a
+          name="Lists"
+        />
+        Lists
+      </h1>
+      <h3>
+        Ordered List
+      </h3>
+      <ol>
+        <li>
+          Longan
+        </li>
+        <li>
+          Lychee
+        </li>
+        <li>
+          Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
+Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip aliquip velit pariatur dolore.
+        </li>
+        <li>
+          Marionberry
+        </li>
+        <li>
+          Melon
+          <ul>
+            <li>
+              Cantaloupe
+            </li>
+            <li>
+              Honeydew
+            </li>
+            <li>
+              Watermelon
+            </li>
+          </ul>
+        </li>
+        <li>
+          Miracle fruit
+        </li>
+        <li>
+          Mulberry
+        </li>
+      </ol>
+      <h3>
+        Unordered List
+      </h3>
+      <ul>
+        <li>
+          Olive
+        </li>
+        <li>
+          Orange
+          <ul>
+            <li>
+              Blood orange
+            </li>
+            <li>
+              Clementine
+            </li>
+          </ul>
+        </li>
+        <li>
+          Papaya
+        </li>
+        <li>
+          Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.
+        </li>
+        <li>
+          Passionfruit
+        </li>
+      </ul>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        <a
+          name="Horizontal"
+        />
+        Horizontal rule
+      </h1>
+      <p>
+        In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit. Irure ad commodo eu voluptate mollit cillum cupidatat veniam proident amet minim reprehenderit.
+      </p>
+      <hr />
+      <p>
+        In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi. Dolor amet cillum excepteur consequat sint non sint.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        <a
+          name="Table"
+        />
+        Table
+      </h1>
+      <p>
+        Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat. Laboris amet ea occaecat duis eu enim exercitation deserunt ea laborum occaecat reprehenderit. Et incididunt dolor commodo consequat mollit nisi proident non pariatur in et incididunt id. Eu ut et Lorem ea ex magna minim ipsum ipsum do.
+      </p>
+      <table>
+        <thead>
+          <tr>
+            <th
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Table Heading 1
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Table Heading 2
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Center align
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Right align
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Table Heading 5
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <p>
+        Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris. Cillum dolore labore Lorem deserunt mollit voluptate esse incididunt ex dolor.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        <a
+          name="Code"
+        />
+        Code
+      </h1>
+      <h2>
+        Inline code
+      </h2>
+      <p>
+        Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est 
+        <code>
+          code in text
+        </code>
+         velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna 
+        <code>
+          &lt;strong&gt;in culpa qui officia&lt;/strong&gt;
+        </code>
+         dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.
+      </p>
+      <h2>
+        Highlighted
+      </h2>
+      <p>
+        Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet id excepteur Lorem aliquip sit irure veniam laborum duis cillum. Aliqua occaecat minim cillum deserunt magna sunt laboris do do irure ea nostrud consequat ut voluptate ex.
+      </p>
+      <div>
+        <pre
+          style={
+            Object {
+              "MozHyphens": "none",
+              "MozTabSize": "4",
+              "OTabSize": "4",
+              "WebkitHyphens": "none",
+              "background": "#ffffff",
+              "color": "#363636",
+              "direction": "ltr",
+              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+              "fontSize": "13px",
+              "hyphens": "none",
+              "lineHeight": "1.5",
+              "margin": ".5em 0",
+              "msHyphens": "none",
+              "overflow": "auto",
+              "padding": "1em",
+              "tabSize": "4",
+              "textAlign": "left",
+              "textShadow": "none",
+              "whiteSpace": "pre",
+              "wordBreak": "normal",
+              "wordSpacing": "normal",
+            }
+          }
+        >
+          <code
+            className="language-go"
+            style={
+              Object {
+                "MozHyphens": "none",
+                "MozTabSize": "4",
+                "OTabSize": "4",
+                "WebkitHyphens": "none",
+                "color": "#363636",
+                "direction": "ltr",
+                "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+                "fontSize": "13px",
+                "hyphens": "none",
+                "lineHeight": "1.5",
+                "msHyphens": "none",
+                "tabSize": "4",
+                "textAlign": "left",
+                "textShadow": "none",
+                "whiteSpace": "pre",
+                "wordBreak": "normal",
+                "wordSpacing": "normal",
+              }
+            }
+          >
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-1"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                1
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
+                >
+                  package
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   main
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-2"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                2
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-3"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                3
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
+                >
+                  import
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-4"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                4
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "fmt"
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-5"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                5
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "net/http"
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-6"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                6
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-7"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                7
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-8"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                8
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
+                >
+                  func
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  handler
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  w http
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  ResponseWriter
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   r 
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#686868",
+                    }
+                  }
+                >
+                  *
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  http
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  Request
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  {
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-9"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                9
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      fmt
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  Fprintf
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  w
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "Hi there, I love %s!"
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   r
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  URL
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  Path
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  [
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  1
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  :
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ]
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-10"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                10
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  }
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-11"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                11
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-12"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                12
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
+                >
+                  func
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  main
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  {
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-13"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                13
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      http
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  HandleFunc
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "/"
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   handler
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-14"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                14
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      http
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  ListenAndServe
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  ":8080"
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  nil
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-15"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                15
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  className="linenumber react-syntax-highlighter-line-number"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                      "display": "inline-block",
+                      "minWidth": "2em",
+                      "paddingRight": "1em",
+                      "textAlign": "right",
+                      "userSelect": "none",
+                    }
+                  }
+                >
+                  15
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  }
+                </span>
+              </span>
+            </div>
+          </code>
+        </pre>
+      </div>
+      <p>
+        Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id. Aliqua pariatur pariatur excepteur adipisicing irure culpa consequat commodo et ex id ad.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        <a
+          name="Inline"
+        />
+        Inline elements
+      </h1>
+      <p>
+        Sint ea anim ipsum ad commodo cupidatat do 
+        <strong>
+          exercitation
+        </strong>
+         incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. 
+        <strong>
+          Consequat commodo
+        </strong>
+         reprehenderit duis 
+        <a
+          href="#!"
+        >
+          irure
+        </a>
+         esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum 
+        <strong>
+          cupidatat consequat
+        </strong>
+        . Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.
+      </p>
+      <p>
+        <img
+          alt="Super wide"
+          src="http://placekitten.com/1280/800"
+        />
+      </p>
+      <p>
+        <em>
+          Proident sit veniam in est proident officia adipisicing
+        </em>
+         ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris 
+        <code>
+          culpa ex duis sint
+        </code>
+         anim aute reprehenderit id eu ea. Aute 
+        <a
+          href="#!"
+        >
+          excepteur proident
+        </a>
+         Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.
+      </p>
+      <p>
+        <img
+          alt="Not so big"
+          src="http://placekitten.com/480/400"
+        />
+      </p>
+      <p>
+        Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est 
+        <em>
+          enim 
+          <strong>
+            anim
+          </strong>
+           voluptate
+        </em>
+        . Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi 
+        <strong>
+          adipisicing sunt 
+          <em>
+            officia
+          </em>
+        </strong>
+        . Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.
+      </p>
+      <p>
+        <a
+          href="https://youtu.be/s6bCmZmy9aQ"
+        >
+          <img
+            alt="Manny Pacquiao"
+            src="https://img.youtube.com/vi/s6bCmZmy9aQ/0.jpg"
+          />
+        </a>
+      </p>
+      <p>
+        Reprehenderit non eu quis in ad elit esse qui aute id 
+        <a
+          href="#!"
+        >
+          incididunt
+        </a>
+         dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
+      </p>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots MarkdownView Header Anchor Links 1`] = `
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <div>
+    <div
+      className="content is-word-break"
+    >
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#markdown-test-page"
+        id="markdown-test-page"
       >
         <h1>
           <a
             name="top"
           />
           Markdown Test Page
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h1>
-        <ul>
-          <li>
-            <a
-              href="#Headings"
-            >
-              Headings
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Paragraphs"
-            >
-              Paragraphs
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Blockquotes"
-            >
-              Blockquotes
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Lists"
-            >
-              Lists
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Horizontal"
-            >
-              Horizontal rule
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Table"
-            >
-              Table
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Code"
-            >
-              Code
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Inline"
-            >
-              Inline elements
-            </a>
-          </li>
-        </ul>
-        <hr />
+      </a>
+      <ul>
+        <li>
+          <a
+            href="/#Headings"
+          >
+            Headings
+          </a>
+        </li>
+        <li>
+          <a
+            href="/#Paragraphs"
+          >
+            Paragraphs
+          </a>
+        </li>
+        <li>
+          <a
+            href="/#Blockquotes"
+          >
+            Blockquotes
+          </a>
+        </li>
+        <li>
+          <a
+            href="/#Lists"
+          >
+            Lists
+          </a>
+        </li>
+        <li>
+          <a
+            href="/#Horizontal"
+          >
+            Horizontal rule
+          </a>
+        </li>
+        <li>
+          <a
+            href="/#Table"
+          >
+            Table
+          </a>
+        </li>
+        <li>
+          <a
+            href="/#Code"
+          >
+            Code
+          </a>
+        </li>
+        <li>
+          <a
+            href="/#Inline"
+          >
+            Inline elements
+          </a>
+        </li>
+      </ul>
+      <hr />
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#headings"
+        id="headings"
+      >
         <h1>
           <a
             name="Headings"
           />
           Headings
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h1>
+      </a>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#heading-one"
+        id="heading-one"
+      >
         <h1>
           Heading one
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h1>
-        <p>
-          Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat commodo id sunt. Nostrud enim ad commodo incididunt cupidatat in ullamco ullamco Lorem cupidatat velit enim et Lorem. Ut laborum cillum laboris fugiat culpa sint irure do reprehenderit culpa occaecat. Exercitation esse mollit tempor magna aliqua in occaecat aliquip veniam reprehenderit nisi dolor in laboris dolore velit.
-        </p>
+      </a>
+      <p>
+        Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat commodo id sunt. Nostrud enim ad commodo incididunt cupidatat in ullamco ullamco Lorem cupidatat velit enim et Lorem. Ut laborum cillum laboris fugiat culpa sint irure do reprehenderit culpa occaecat. Exercitation esse mollit tempor magna aliqua in occaecat aliquip veniam reprehenderit nisi dolor in laboris dolore velit.
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#heading-two"
+        id="heading-two"
+      >
         <h2>
           Heading two
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h2>
-        <p>
-          Aute officia nulla deserunt do deserunt cillum velit magna. Officia veniam culpa anim minim dolore labore pariatur voluptate id ad est duis quis velit dolor pariatur enim. Incididunt enim excepteur do veniam consequat culpa do voluptate dolor fugiat ad adipisicing sit. Labore officia est adipisicing dolore proident eiusmod exercitation deserunt ullamco anim do occaecat velit. Elit dolor consectetur proident sunt aliquip est do tempor quis aliqua culpa aute. Duis in tempor exercitation pariatur et adipisicing mollit irure tempor ut enim esse commodo laboris proident. Do excepteur laborum anim esse aliquip eu sit id Lorem incididunt elit irure ea nulla dolor et. Nulla amet fugiat qui minim deserunt enim eu cupidatat aute officia do velit ea reprehenderit.
-        </p>
+      </a>
+      <p>
+        Aute officia nulla deserunt do deserunt cillum velit magna. Officia veniam culpa anim minim dolore labore pariatur voluptate id ad est duis quis velit dolor pariatur enim. Incididunt enim excepteur do veniam consequat culpa do voluptate dolor fugiat ad adipisicing sit. Labore officia est adipisicing dolore proident eiusmod exercitation deserunt ullamco anim do occaecat velit. Elit dolor consectetur proident sunt aliquip est do tempor quis aliqua culpa aute. Duis in tempor exercitation pariatur et adipisicing mollit irure tempor ut enim esse commodo laboris proident. Do excepteur laborum anim esse aliquip eu sit id Lorem incididunt elit irure ea nulla dolor et. Nulla amet fugiat qui minim deserunt enim eu cupidatat aute officia do velit ea reprehenderit.
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#heading-three"
+        id="heading-three"
+      >
         <h3>
           Heading three
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h3>
-        <p>
-          Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint. Adipisicing ipsum consectetur proident ullamco magna sit amet aliqua aute fugiat laborum exercitation duis et.
-        </p>
+      </a>
+      <p>
+        Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint. Adipisicing ipsum consectetur proident ullamco magna sit amet aliqua aute fugiat laborum exercitation duis et.
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#heading-four"
+        id="heading-four"
+      >
         <h4>
           Heading four
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h4>
-        <p>
-          Commodo fugiat aliqua minim quis pariatur mollit id tempor. Non occaecat minim esse enim aliqua adipisicing nostrud duis consequat eu adipisicing qui. Minim aliquip sit excepteur ipsum consequat laborum pariatur excepteur. Veniam fugiat et amet ad elit anim laborum duis mollit occaecat et et ipsum et reprehenderit. Occaecat aliquip dolore adipisicing sint labore occaecat officia fugiat. Quis adipisicing exercitation exercitation eu amet est laboris sunt nostrud ipsum reprehenderit ullamco. Enim sint ut consectetur id anim aute voluptate exercitation mollit dolore magna magna est Lorem. Ut adipisicing adipisicing aliqua ullamco voluptate labore nisi tempor esse magna incididunt.
-        </p>
+      </a>
+      <p>
+        Commodo fugiat aliqua minim quis pariatur mollit id tempor. Non occaecat minim esse enim aliqua adipisicing nostrud duis consequat eu adipisicing qui. Minim aliquip sit excepteur ipsum consequat laborum pariatur excepteur. Veniam fugiat et amet ad elit anim laborum duis mollit occaecat et et ipsum et reprehenderit. Occaecat aliquip dolore adipisicing sint labore occaecat officia fugiat. Quis adipisicing exercitation exercitation eu amet est laboris sunt nostrud ipsum reprehenderit ullamco. Enim sint ut consectetur id anim aute voluptate exercitation mollit dolore magna magna est Lorem. Ut adipisicing adipisicing aliqua ullamco voluptate labore nisi tempor esse magna incididunt.
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#heading-five"
+        id="heading-five"
+      >
         <h5>
           Heading five
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h5>
-        <p>
-          Veniam enim esse amet veniam deserunt laboris amet enim consequat. Minim nostrud deserunt cillum consectetur commodo eu enim nostrud ullamco occaecat excepteur. Aliquip et ut est commodo enim dolor amet sint excepteur. Amet ad laboris laborum deserunt sint sunt aliqua commodo ex duis deserunt enim est ex labore ut. Duis incididunt velit adipisicing non incididunt adipisicing adipisicing. Ad irure duis nisi tempor eu dolor fugiat magna et consequat tempor eu ex dolore. Mollit esse nisi qui culpa ut nisi ex proident culpa cupidatat cillum culpa occaecat anim. Ut officia sit ea nisi ea excepteur nostrud ipsum et nulla.
-        </p>
+      </a>
+      <p>
+        Veniam enim esse amet veniam deserunt laboris amet enim consequat. Minim nostrud deserunt cillum consectetur commodo eu enim nostrud ullamco occaecat excepteur. Aliquip et ut est commodo enim dolor amet sint excepteur. Amet ad laboris laborum deserunt sint sunt aliqua commodo ex duis deserunt enim est ex labore ut. Duis incididunt velit adipisicing non incididunt adipisicing adipisicing. Ad irure duis nisi tempor eu dolor fugiat magna et consequat tempor eu ex dolore. Mollit esse nisi qui culpa ut nisi ex proident culpa cupidatat cillum culpa occaecat anim. Ut officia sit ea nisi ea excepteur nostrud ipsum et nulla.
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#heading-six"
+        id="heading-six"
+      >
         <h6>
           Heading six
-        </h6>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <p>
-          <a
-            href="#top"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            [Top]
-          </a>
-        </p>
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+        </h6>
+      </a>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <p>
+        <a
+          href="/#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#paragraphs"
+        id="paragraphs"
+      >
         <h1>
           <a
             name="Paragraphs"
           />
           Paragraphs
-        </h1>
-        <p>
-          Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum. Do laboris laboris minim incididunt qui consectetur exercitation adipisicing dolore et magna consequat magna anim sunt. Officia fugiat Lorem sunt pariatur incididunt Lorem reprehenderit proident irure. Dolore ipsum aliqua mollit ad officia fugiat sit eu aliquip cupidatat ipsum duis laborum laborum fugiat esse. Voluptate anim ex dolore deserunt ea ex eiusmod irure. Occaecat excepteur aliqua exercitation aliquip dolor esse eu eu.
-        </p>
-        <p>
-          Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.
-        </p>
-        <p>
-          Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in. Ex labore nulla velit officia ullamco Lorem Lorem id do. Dolore ullamco ipsum magna dolor pariatur voluptate ipsum id occaecat ipsum. Dolore tempor quis duis commodo quis quis enim.
-        </p>
-        <p>
-          <a
-            href="#top"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            [Top]
-          </a>
-        </p>
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+        </h1>
+      </a>
+      <p>
+        Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum. Do laboris laboris minim incididunt qui consectetur exercitation adipisicing dolore et magna consequat magna anim sunt. Officia fugiat Lorem sunt pariatur incididunt Lorem reprehenderit proident irure. Dolore ipsum aliqua mollit ad officia fugiat sit eu aliquip cupidatat ipsum duis laborum laborum fugiat esse. Voluptate anim ex dolore deserunt ea ex eiusmod irure. Occaecat excepteur aliqua exercitation aliquip dolor esse eu eu.
+      </p>
+      <p>
+        Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.
+      </p>
+      <p>
+        Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in. Ex labore nulla velit officia ullamco Lorem Lorem id do. Dolore ullamco ipsum magna dolor pariatur voluptate ipsum id occaecat ipsum. Dolore tempor quis duis commodo quis quis enim.
+      </p>
+      <p>
+        <a
+          href="/#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#blockquotes"
+        id="blockquotes"
+      >
         <h1>
           <a
             name="Blockquotes"
           />
           Blockquotes
-        </h1>
-        <p>
-          Ad nisi laborum aute cupidatat magna deserunt eu id laboris id. Aliquip nulla cupidatat sint ex Lorem mollit laborum dolor amet est ut esse aute. Nostrud ex consequat id incididunt proident ipsum minim duis aliqua ut ex et ad quis. Laborum sint esse cillum anim nulla cillum consectetur aliqua sit. Nisi excepteur cillum labore amet excepteur commodo enim occaecat consequat ipsum proident exercitation duis id in.
-        </p>
-        <blockquote>
-          <p>
-            Ipsum et cupidatat mollit exercitation enim duis sunt irure aliqua reprehenderit mollit. Pariatur Lorem pariatur laboris do culpa do elit irure. Eiusmod amet nulla voluptate velit culpa et aliqua ad reprehenderit sit ut.
-          </p>
-        </blockquote>
-        <p>
-          Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit. Dolore ad esse commodo et dolore amet est velit ut nisi ea. Excepteur ea nulla commodo dolore anim dolore adipisicing eiusmod labore id enim esse quis mollit deserunt est. Minim ea culpa voluptate nostrud commodo proident in duis aliquip minim.
-        </p>
-        <blockquote>
-          <p>
-            Qui est sit et reprehenderit aute est esse enim aliqua id aliquip ea anim. Pariatur sint reprehenderit mollit velit voluptate enim consectetur sint enim. Quis exercitation proident elit non id qui culpa dolore esse aliquip consequat.
-          </p>
-        </blockquote>
-        <p>
-          Ipsum excepteur cupidatat sunt minim ad eiusmod tempor sit.
-        </p>
-        <blockquote>
-          <p>
-            Deserunt excepteur adipisicing culpa pariatur cillum laboris ullamco nisi fugiat cillum officia. In cupidatat nulla aliquip tempor ad Lorem Lorem quis voluptate officia consectetur pariatur ex in est duis. Mollit id esse est elit exercitation voluptate nostrud nisi laborum magna dolore dolore tempor in est consectetur.
-          </p>
-        </blockquote>
-        <p>
-          Adipisicing voluptate ipsum culpa voluptate id aute laboris labore esse fugiat veniam ullamco occaecat do ut. Tempor et esse reprehenderit veniam proident ipsum irure sit ullamco et labore ea excepteur nulla labore ut. Ex aute minim quis tempor in eu id id irure ea nostrud dolor esse.
-        </p>
-        <p>
-          <a
-            href="#top"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            [Top]
-          </a>
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+        </h1>
+      </a>
+      <p>
+        Ad nisi laborum aute cupidatat magna deserunt eu id laboris id. Aliquip nulla cupidatat sint ex Lorem mollit laborum dolor amet est ut esse aute. Nostrud ex consequat id incididunt proident ipsum minim duis aliqua ut ex et ad quis. Laborum sint esse cillum anim nulla cillum consectetur aliqua sit. Nisi excepteur cillum labore amet excepteur commodo enim occaecat consequat ipsum proident exercitation duis id in.
+      </p>
+      <blockquote>
+        <p>
+          Ipsum et cupidatat mollit exercitation enim duis sunt irure aliqua reprehenderit mollit. Pariatur Lorem pariatur laboris do culpa do elit irure. Eiusmod amet nulla voluptate velit culpa et aliqua ad reprehenderit sit ut.
         </p>
+      </blockquote>
+      <p>
+        Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit. Dolore ad esse commodo et dolore amet est velit ut nisi ea. Excepteur ea nulla commodo dolore anim dolore adipisicing eiusmod labore id enim esse quis mollit deserunt est. Minim ea culpa voluptate nostrud commodo proident in duis aliquip minim.
+      </p>
+      <blockquote>
+        <p>
+          Qui est sit et reprehenderit aute est esse enim aliqua id aliquip ea anim. Pariatur sint reprehenderit mollit velit voluptate enim consectetur sint enim. Quis exercitation proident elit non id qui culpa dolore esse aliquip consequat.
+        </p>
+      </blockquote>
+      <p>
+        Ipsum excepteur cupidatat sunt minim ad eiusmod tempor sit.
+      </p>
+      <blockquote>
+        <p>
+          Deserunt excepteur adipisicing culpa pariatur cillum laboris ullamco nisi fugiat cillum officia. In cupidatat nulla aliquip tempor ad Lorem Lorem quis voluptate officia consectetur pariatur ex in est duis. Mollit id esse est elit exercitation voluptate nostrud nisi laborum magna dolore dolore tempor in est consectetur.
+        </p>
+      </blockquote>
+      <p>
+        Adipisicing voluptate ipsum culpa voluptate id aute laboris labore esse fugiat veniam ullamco occaecat do ut. Tempor et esse reprehenderit veniam proident ipsum irure sit ullamco et labore ea excepteur nulla labore ut. Ex aute minim quis tempor in eu id id irure ea nostrud dolor esse.
+      </p>
+      <p>
+        <a
+          href="/#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#lists"
+        id="lists"
+      >
         <h1>
           <a
             name="Lists"
           />
           Lists
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h1>
+      </a>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#ordered-list"
+        id="ordered-list"
+      >
         <h3>
           Ordered List
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h3>
-        <ol>
-          <li>
-            Longan
-          </li>
-          <li>
-            Lychee
-          </li>
-          <li>
-            Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
+      </a>
+      <ol>
+        <li>
+          Longan
+        </li>
+        <li>
+          Lychee
+        </li>
+        <li>
+          Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
 Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip aliquip velit pariatur dolore.
-          </li>
-          <li>
-            Marionberry
-          </li>
-          <li>
-            Melon
-            <ul>
-              <li>
-                Cantaloupe
-              </li>
-              <li>
-                Honeydew
-              </li>
-              <li>
-                Watermelon
-              </li>
-            </ul>
-          </li>
-          <li>
-            Miracle fruit
-          </li>
-          <li>
-            Mulberry
-          </li>
-        </ol>
+        </li>
+        <li>
+          Marionberry
+        </li>
+        <li>
+          Melon
+          <ul>
+            <li>
+              Cantaloupe
+            </li>
+            <li>
+              Honeydew
+            </li>
+            <li>
+              Watermelon
+            </li>
+          </ul>
+        </li>
+        <li>
+          Miracle fruit
+        </li>
+        <li>
+          Mulberry
+        </li>
+      </ol>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#unordered-list"
+        id="unordered-list"
+      >
         <h3>
           Unordered List
-        </h3>
-        <ul>
-          <li>
-            Olive
-          </li>
-          <li>
-            Orange
-            <ul>
-              <li>
-                Blood orange
-              </li>
-              <li>
-                Clementine
-              </li>
-            </ul>
-          </li>
-          <li>
-            Papaya
-          </li>
-          <li>
-            Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.
-          </li>
-          <li>
-            Passionfruit
-          </li>
-        </ul>
-        <p>
-          <a
-            href="#top"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            [Top]
-          </a>
-        </p>
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+        </h3>
+      </a>
+      <ul>
+        <li>
+          Olive
+        </li>
+        <li>
+          Orange
+          <ul>
+            <li>
+              Blood orange
+            </li>
+            <li>
+              Clementine
+            </li>
+          </ul>
+        </li>
+        <li>
+          Papaya
+        </li>
+        <li>
+          Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.
+        </li>
+        <li>
+          Passionfruit
+        </li>
+      </ul>
+      <p>
+        <a
+          href="/#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#horizontal-rule"
+        id="horizontal-rule"
+      >
         <h1>
           <a
             name="Horizontal"
           />
           Horizontal rule
-        </h1>
-        <p>
-          In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit. Irure ad commodo eu voluptate mollit cillum cupidatat veniam proident amet minim reprehenderit.
-        </p>
-        <hr />
-        <p>
-          In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi. Dolor amet cillum excepteur consequat sint non sint.
-        </p>
-        <p>
-          <a
-            href="#top"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            [Top]
-          </a>
-        </p>
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+        </h1>
+      </a>
+      <p>
+        In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit. Irure ad commodo eu voluptate mollit cillum cupidatat veniam proident amet minim reprehenderit.
+      </p>
+      <hr />
+      <p>
+        In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi. Dolor amet cillum excepteur consequat sint non sint.
+      </p>
+      <p>
+        <a
+          href="/#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#table"
+        id="table"
+      >
         <h1>
           <a
             name="Table"
           />
           Table
-        </h1>
-        <p>
-          Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat. Laboris amet ea occaecat duis eu enim exercitation deserunt ea laborum occaecat reprehenderit. Et incididunt dolor commodo consequat mollit nisi proident non pariatur in et incididunt id. Eu ut et Lorem ea ex magna minim ipsum ipsum do.
-        </p>
-        <table>
-          <thead>
-            <tr>
-              <th
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Table Heading 1
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Table Heading 2
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Center align
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Right align
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Table Heading 5
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <p>
-          Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris. Cillum dolore labore Lorem deserunt mollit voluptate esse incididunt ex dolor.
-        </p>
-        <p>
-          <a
-            href="#top"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            [Top]
-          </a>
-        </p>
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+        </h1>
+      </a>
+      <p>
+        Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat. Laboris amet ea occaecat duis eu enim exercitation deserunt ea laborum occaecat reprehenderit. Et incididunt dolor commodo consequat mollit nisi proident non pariatur in et incididunt id. Eu ut et Lorem ea ex magna minim ipsum ipsum do.
+      </p>
+      <table>
+        <thead>
+          <tr>
+            <th
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Table Heading 1
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Table Heading 2
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Center align
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Right align
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Table Heading 5
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
+                }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
+                }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
+                }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <p>
+        Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris. Cillum dolore labore Lorem deserunt mollit voluptate esse incididunt ex dolor.
+      </p>
+      <p>
+        <a
+          href="/#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#code"
+        id="code"
+      >
         <h1>
           <a
             name="Code"
           />
           Code
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h1>
+      </a>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#inline-code"
+        id="inline-code"
+      >
         <h2>
           Inline code
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h2>
-        <p>
-          Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est 
-          <code>
-            code in text
-          </code>
-           velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna 
-          <code>
-            &lt;strong&gt;in culpa qui officia&lt;/strong&gt;
-          </code>
-           dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.
-        </p>
+      </a>
+      <p>
+        Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est 
+        <code>
+          code in text
+        </code>
+         velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna 
+        <code>
+          &lt;strong&gt;in culpa qui officia&lt;/strong&gt;
+        </code>
+         dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#highlighted"
+        id="highlighted"
+      >
         <h2>
           Highlighted
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
         </h2>
-        <p>
-          Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet id excepteur Lorem aliquip sit irure veniam laborum duis cillum. Aliqua occaecat minim cillum deserunt magna sunt laboris do do irure ea nostrud consequat ut voluptate ex.
-        </p>
-        <div>
-          <pre
+      </a>
+      <p>
+        Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet id excepteur Lorem aliquip sit irure veniam laborum duis cillum. Aliqua occaecat minim cillum deserunt magna sunt laboris do do irure ea nostrud consequat ut voluptate ex.
+      </p>
+      <div>
+        <pre
+          style={
+            Object {
+              "MozHyphens": "none",
+              "MozTabSize": "4",
+              "OTabSize": "4",
+              "WebkitHyphens": "none",
+              "background": "#ffffff",
+              "color": "#363636",
+              "direction": "ltr",
+              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+              "fontSize": "13px",
+              "hyphens": "none",
+              "lineHeight": "1.5",
+              "margin": ".5em 0",
+              "msHyphens": "none",
+              "overflow": "auto",
+              "padding": "1em",
+              "tabSize": "4",
+              "textAlign": "left",
+              "textShadow": "none",
+              "whiteSpace": "pre",
+              "wordBreak": "normal",
+              "wordSpacing": "normal",
+            }
+          }
+        >
+          <code
+            className="language-go"
             style={
               Object {
                 "MozHyphens": "none",
                 "MozTabSize": "4",
                 "OTabSize": "4",
                 "WebkitHyphens": "none",
-                "background": "#ffffff",
                 "color": "#363636",
                 "direction": "ltr",
                 "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
                 "fontSize": "13px",
                 "hyphens": "none",
                 "lineHeight": "1.5",
-                "margin": ".5em 0",
                 "msHyphens": "none",
-                "overflow": "auto",
-                "padding": "1em",
                 "tabSize": "4",
                 "textAlign": "left",
                 "textShadow": "none",
@@ -93137,1688 +50791,634 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               }
             }
           >
-            <code
-              className="language-go"
-              style={
-                Object {
-                  "MozHyphens": "none",
-                  "MozTabSize": "4",
-                  "OTabSize": "4",
-                  "WebkitHyphens": "none",
-                  "color": "#363636",
-                  "direction": "ltr",
-                  "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                  "fontSize": "13px",
-                  "hyphens": "none",
-                  "lineHeight": "1.5",
-                  "msHyphens": "none",
-                  "tabSize": "4",
-                  "textAlign": "left",
-                  "textShadow": "none",
-                  "whiteSpace": "pre",
-                  "wordBreak": "normal",
-                  "wordSpacing": "normal",
-                }
-              }
-            >
-              package main
-
-import (
-    "fmt"
-    "net/http"
-)
-
-func handler(w http.ResponseWriter, r *http.Request) {
-    fmt.Fprintf(w, "Hi there, I love %s!", r.URL.Path[1:])
-}
-
-func main() {
-    http.HandleFunc("/", handler)
-    http.ListenAndServe(":8080", nil)
-}
-            </code>
-          </pre>
-        </div>
-        <p>
-          Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id. Aliqua pariatur pariatur excepteur adipisicing irure culpa consequat commodo et ex id ad.
-        </p>
-        <p>
-          <a
-            href="#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <h1>
-          <a
-            name="Inline"
-          />
-          Inline elements
-        </h1>
-        <p>
-          Sint ea anim ipsum ad commodo cupidatat do 
-          <strong>
-            exercitation
-          </strong>
-           incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. 
-          <strong>
-            Consequat commodo
-          </strong>
-           reprehenderit duis 
-          <a
-            href="#!"
-          >
-            irure
-          </a>
-           esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum 
-          <strong>
-            cupidatat consequat
-          </strong>
-          . Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.
-        </p>
-        <p>
-          <img
-            alt="Super wide"
-            src="http://placekitten.com/1280/800"
-          />
-        </p>
-        <p>
-          <em>
-            Proident sit veniam in est proident officia adipisicing
-          </em>
-           ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris 
-          <code>
-            culpa ex duis sint
-          </code>
-           anim aute reprehenderit id eu ea. Aute 
-          <a
-            href="#!"
-          >
-            excepteur proident
-          </a>
-           Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.
-        </p>
-        <p>
-          <img
-            alt="Not so big"
-            src="http://placekitten.com/480/400"
-          />
-        </p>
-        <p>
-          Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est 
-          <em>
-            enim 
-            <strong>
-              anim
-            </strong>
-             voluptate
-          </em>
-          . Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi 
-          <strong>
-            adipisicing sunt 
-            <em>
-              officia
-            </em>
-          </strong>
-          . Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.
-        </p>
-        <p>
-          <a
-            href="https://youtu.be/s6bCmZmy9aQ"
-          >
-            <img
-              alt="Manny Pacquiao"
-              src="https://img.youtube.com/vi/s6bCmZmy9aQ/0.jpg"
-            />
-          </a>
-        </p>
-        <p>
-          Reprehenderit non eu quis in ad elit esse qui aute id 
-          <a
-            href="#!"
-          >
-            incididunt
-          </a>
-           dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
-        </p>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
             <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-1"
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
               >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots MarkdownView Header Anchor Links 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
-  >
-    <div>
-      <div
-        className="content is-word-break"
-      >
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#markdown-test-page"
-          id="markdown-test-page"
-        >
-          <h1>
-            <a
-              name="top"
-            />
-            Markdown Test Page
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <ul>
-          <li>
-            <a
-              href="/#Headings"
-            >
-              Headings
-            </a>
-          </li>
-          <li>
-            <a
-              href="/#Paragraphs"
-            >
-              Paragraphs
-            </a>
-          </li>
-          <li>
-            <a
-              href="/#Blockquotes"
-            >
-              Blockquotes
-            </a>
-          </li>
-          <li>
-            <a
-              href="/#Lists"
-            >
-              Lists
-            </a>
-          </li>
-          <li>
-            <a
-              href="/#Horizontal"
-            >
-              Horizontal rule
-            </a>
-          </li>
-          <li>
-            <a
-              href="/#Table"
-            >
-              Table
-            </a>
-          </li>
-          <li>
-            <a
-              href="/#Code"
-            >
-              Code
-            </a>
-          </li>
-          <li>
-            <a
-              href="/#Inline"
-            >
-              Inline elements
-            </a>
-          </li>
-        </ul>
-        <hr />
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#headings"
-          id="headings"
-        >
-          <h1>
-            <a
-              name="Headings"
-            />
-            Headings
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#heading-one"
-          id="heading-one"
-        >
-          <h1>
-            Heading one
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <p>
-          Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat commodo id sunt. Nostrud enim ad commodo incididunt cupidatat in ullamco ullamco Lorem cupidatat velit enim et Lorem. Ut laborum cillum laboris fugiat culpa sint irure do reprehenderit culpa occaecat. Exercitation esse mollit tempor magna aliqua in occaecat aliquip veniam reprehenderit nisi dolor in laboris dolore velit.
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#heading-two"
-          id="heading-two"
-        >
-          <h2>
-            Heading two
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h2>
-        </a>
-        <p>
-          Aute officia nulla deserunt do deserunt cillum velit magna. Officia veniam culpa anim minim dolore labore pariatur voluptate id ad est duis quis velit dolor pariatur enim. Incididunt enim excepteur do veniam consequat culpa do voluptate dolor fugiat ad adipisicing sit. Labore officia est adipisicing dolore proident eiusmod exercitation deserunt ullamco anim do occaecat velit. Elit dolor consectetur proident sunt aliquip est do tempor quis aliqua culpa aute. Duis in tempor exercitation pariatur et adipisicing mollit irure tempor ut enim esse commodo laboris proident. Do excepteur laborum anim esse aliquip eu sit id Lorem incididunt elit irure ea nulla dolor et. Nulla amet fugiat qui minim deserunt enim eu cupidatat aute officia do velit ea reprehenderit.
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#heading-three"
-          id="heading-three"
-        >
-          <h3>
-            Heading three
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h3>
-        </a>
-        <p>
-          Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint. Adipisicing ipsum consectetur proident ullamco magna sit amet aliqua aute fugiat laborum exercitation duis et.
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#heading-four"
-          id="heading-four"
-        >
-          <h4>
-            Heading four
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h4>
-        </a>
-        <p>
-          Commodo fugiat aliqua minim quis pariatur mollit id tempor. Non occaecat minim esse enim aliqua adipisicing nostrud duis consequat eu adipisicing qui. Minim aliquip sit excepteur ipsum consequat laborum pariatur excepteur. Veniam fugiat et amet ad elit anim laborum duis mollit occaecat et et ipsum et reprehenderit. Occaecat aliquip dolore adipisicing sint labore occaecat officia fugiat. Quis adipisicing exercitation exercitation eu amet est laboris sunt nostrud ipsum reprehenderit ullamco. Enim sint ut consectetur id anim aute voluptate exercitation mollit dolore magna magna est Lorem. Ut adipisicing adipisicing aliqua ullamco voluptate labore nisi tempor esse magna incididunt.
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#heading-five"
-          id="heading-five"
-        >
-          <h5>
-            Heading five
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h5>
-        </a>
-        <p>
-          Veniam enim esse amet veniam deserunt laboris amet enim consequat. Minim nostrud deserunt cillum consectetur commodo eu enim nostrud ullamco occaecat excepteur. Aliquip et ut est commodo enim dolor amet sint excepteur. Amet ad laboris laborum deserunt sint sunt aliqua commodo ex duis deserunt enim est ex labore ut. Duis incididunt velit adipisicing non incididunt adipisicing adipisicing. Ad irure duis nisi tempor eu dolor fugiat magna et consequat tempor eu ex dolore. Mollit esse nisi qui culpa ut nisi ex proident culpa cupidatat cillum culpa occaecat anim. Ut officia sit ea nisi ea excepteur nostrud ipsum et nulla.
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#heading-six"
-          id="heading-six"
-        >
-          <h6>
-            Heading six
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h6>
-        </a>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <p>
-          <a
-            href="/#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#paragraphs"
-          id="paragraphs"
-        >
-          <h1>
-            <a
-              name="Paragraphs"
-            />
-            Paragraphs
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <p>
-          Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum. Do laboris laboris minim incididunt qui consectetur exercitation adipisicing dolore et magna consequat magna anim sunt. Officia fugiat Lorem sunt pariatur incididunt Lorem reprehenderit proident irure. Dolore ipsum aliqua mollit ad officia fugiat sit eu aliquip cupidatat ipsum duis laborum laborum fugiat esse. Voluptate anim ex dolore deserunt ea ex eiusmod irure. Occaecat excepteur aliqua exercitation aliquip dolor esse eu eu.
-        </p>
-        <p>
-          Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.
-        </p>
-        <p>
-          Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in. Ex labore nulla velit officia ullamco Lorem Lorem id do. Dolore ullamco ipsum magna dolor pariatur voluptate ipsum id occaecat ipsum. Dolore tempor quis duis commodo quis quis enim.
-        </p>
-        <p>
-          <a
-            href="/#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#blockquotes"
-          id="blockquotes"
-        >
-          <h1>
-            <a
-              name="Blockquotes"
-            />
-            Blockquotes
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <p>
-          Ad nisi laborum aute cupidatat magna deserunt eu id laboris id. Aliquip nulla cupidatat sint ex Lorem mollit laborum dolor amet est ut esse aute. Nostrud ex consequat id incididunt proident ipsum minim duis aliqua ut ex et ad quis. Laborum sint esse cillum anim nulla cillum consectetur aliqua sit. Nisi excepteur cillum labore amet excepteur commodo enim occaecat consequat ipsum proident exercitation duis id in.
-        </p>
-        <blockquote>
-          <p>
-            Ipsum et cupidatat mollit exercitation enim duis sunt irure aliqua reprehenderit mollit. Pariatur Lorem pariatur laboris do culpa do elit irure. Eiusmod amet nulla voluptate velit culpa et aliqua ad reprehenderit sit ut.
-          </p>
-        </blockquote>
-        <p>
-          Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit. Dolore ad esse commodo et dolore amet est velit ut nisi ea. Excepteur ea nulla commodo dolore anim dolore adipisicing eiusmod labore id enim esse quis mollit deserunt est. Minim ea culpa voluptate nostrud commodo proident in duis aliquip minim.
-        </p>
-        <blockquote>
-          <p>
-            Qui est sit et reprehenderit aute est esse enim aliqua id aliquip ea anim. Pariatur sint reprehenderit mollit velit voluptate enim consectetur sint enim. Quis exercitation proident elit non id qui culpa dolore esse aliquip consequat.
-          </p>
-        </blockquote>
-        <p>
-          Ipsum excepteur cupidatat sunt minim ad eiusmod tempor sit.
-        </p>
-        <blockquote>
-          <p>
-            Deserunt excepteur adipisicing culpa pariatur cillum laboris ullamco nisi fugiat cillum officia. In cupidatat nulla aliquip tempor ad Lorem Lorem quis voluptate officia consectetur pariatur ex in est duis. Mollit id esse est elit exercitation voluptate nostrud nisi laborum magna dolore dolore tempor in est consectetur.
-          </p>
-        </blockquote>
-        <p>
-          Adipisicing voluptate ipsum culpa voluptate id aute laboris labore esse fugiat veniam ullamco occaecat do ut. Tempor et esse reprehenderit veniam proident ipsum irure sit ullamco et labore ea excepteur nulla labore ut. Ex aute minim quis tempor in eu id id irure ea nostrud dolor esse.
-        </p>
-        <p>
-          <a
-            href="/#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#lists"
-          id="lists"
-        >
-          <h1>
-            <a
-              name="Lists"
-            />
-            Lists
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#ordered-list"
-          id="ordered-list"
-        >
-          <h3>
-            Ordered List
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h3>
-        </a>
-        <ol>
-          <li>
-            Longan
-          </li>
-          <li>
-            Lychee
-          </li>
-          <li>
-            Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
-Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip aliquip velit pariatur dolore.
-          </li>
-          <li>
-            Marionberry
-          </li>
-          <li>
-            Melon
-            <ul>
-              <li>
-                Cantaloupe
-              </li>
-              <li>
-                Honeydew
-              </li>
-              <li>
-                Watermelon
-              </li>
-            </ul>
-          </li>
-          <li>
-            Miracle fruit
-          </li>
-          <li>
-            Mulberry
-          </li>
-        </ol>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#unordered-list"
-          id="unordered-list"
-        >
-          <h3>
-            Unordered List
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h3>
-        </a>
-        <ul>
-          <li>
-            Olive
-          </li>
-          <li>
-            Orange
-            <ul>
-              <li>
-                Blood orange
-              </li>
-              <li>
-                Clementine
-              </li>
-            </ul>
-          </li>
-          <li>
-            Papaya
-          </li>
-          <li>
-            Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.
-          </li>
-          <li>
-            Passionfruit
-          </li>
-        </ul>
-        <p>
-          <a
-            href="/#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#horizontal-rule"
-          id="horizontal-rule"
-        >
-          <h1>
-            <a
-              name="Horizontal"
-            />
-            Horizontal rule
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <p>
-          In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit. Irure ad commodo eu voluptate mollit cillum cupidatat veniam proident amet minim reprehenderit.
-        </p>
-        <hr />
-        <p>
-          In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi. Dolor amet cillum excepteur consequat sint non sint.
-        </p>
-        <p>
-          <a
-            href="/#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#table"
-          id="table"
-        >
-          <h1>
-            <a
-              name="Table"
-            />
-            Table
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <p>
-          Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat. Laboris amet ea occaecat duis eu enim exercitation deserunt ea laborum occaecat reprehenderit. Et incididunt dolor commodo consequat mollit nisi proident non pariatur in et incididunt id. Eu ut et Lorem ea ex magna minim ipsum ipsum do.
-        </p>
-        <table>
-          <thead>
-            <tr>
-              <th
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Table Heading 1
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Table Heading 2
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Center align
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Right align
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Table Heading 5
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
-                }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
-                }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
-                }
-              >
-                Item 5
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <p>
-          Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris. Cillum dolore labore Lorem deserunt mollit voluptate esse incididunt ex dolor.
-        </p>
-        <p>
-          <a
-            href="/#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#code"
-          id="code"
-        >
-          <h1>
-            <a
-              name="Code"
-            />
-            Code
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#inline-code"
-          id="inline-code"
-        >
-          <h2>
-            Inline code
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h2>
-        </a>
-        <p>
-          Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est 
-          <code>
-            code in text
-          </code>
-           velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna 
-          <code>
-            &lt;strong&gt;in culpa qui officia&lt;/strong&gt;
-          </code>
-           dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#highlighted"
-          id="highlighted"
-        >
-          <h2>
-            Highlighted
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h2>
-        </a>
-        <p>
-          Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet id excepteur Lorem aliquip sit irure veniam laborum duis cillum. Aliqua occaecat minim cillum deserunt magna sunt laboris do do irure ea nostrud consequat ut voluptate ex.
-        </p>
-        <div>
-          <pre
-            style={
-              Object {
-                "MozHyphens": "none",
-                "MozTabSize": "4",
-                "OTabSize": "4",
-                "WebkitHyphens": "none",
-                "background": "#ffffff",
-                "color": "#363636",
-                "direction": "ltr",
-                "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                "fontSize": "13px",
-                "hyphens": "none",
-                "lineHeight": "1.5",
-                "margin": ".5em 0",
-                "msHyphens": "none",
-                "overflow": "auto",
-                "padding": "1em",
-                "tabSize": "4",
-                "textAlign": "left",
-                "textShadow": "none",
-                "whiteSpace": "pre",
-                "wordBreak": "normal",
-                "wordSpacing": "normal",
-              }
-            }
-          >
-            <code
-              className="language-go"
-              style={
-                Object {
-                  "MozHyphens": "none",
-                  "MozTabSize": "4",
-                  "OTabSize": "4",
-                  "WebkitHyphens": "none",
-                  "color": "#363636",
-                  "direction": "ltr",
-                  "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                  "fontSize": "13px",
-                  "hyphens": "none",
-                  "lineHeight": "1.5",
-                  "msHyphens": "none",
-                  "tabSize": "4",
-                  "textAlign": "left",
-                  "textShadow": "none",
-                  "whiteSpace": "pre",
-                  "wordBreak": "normal",
-                  "wordSpacing": "normal",
-                }
-              }
-            >
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-1"
+                1
+              </span>
+              <span
+                style={Object {}}
               >
                 <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  package
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                  style={Object {}}
+                >
+                   main
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-2"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                2
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-3"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                3
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
+                >
+                  import
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-4"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                4
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "fmt"
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-5"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                5
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "net/http"
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-6"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                6
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-7"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                7
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-8"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                8
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
+                >
+                  func
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  handler
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  w http
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  ResponseWriter
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   r 
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#686868",
+                    }
+                  }
+                >
+                  *
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  http
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  Request
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  {
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-9"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                9
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      fmt
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  Fprintf
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  w
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "Hi there, I love %s!"
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   r
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  URL
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  Path
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  [
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
                 >
                   1
                 </span>
                 <span
-                  style={Object {}}
-                >
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#00a984",
-                      }
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
                     }
-                  >
-                    package
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     main
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-2"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  }
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  :
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  2
+                  ]
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
                 </span>
                 <span
                   style={Object {}}
@@ -94826,220 +51426,44 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-3"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-10"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
-                >
-                  3
-                </span>
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                10
+              </span>
+              <span
+                style={Object {}}
+              >
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#00a984",
-                      }
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
                     }
-                  >
-                    import
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-4"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  }
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  4
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
-                        
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    "fmt"
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-5"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  5
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
-                        
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    "net/http"
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-6"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  6
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-7"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  7
+                  }
                 </span>
                 <span
                   style={Object {}}
@@ -95047,420 +51471,120 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-8"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-11"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                11
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-12"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                12
+              </span>
+              <span
+                style={Object {}}
               >
                 <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  style={Object {}}
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
                 >
-                  8
+                  func
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#00a984",
-                      }
-                    }
-                  >
-                    func
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    handler
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    w http
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    ResponseWriter
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     r 
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#686868",
-                      }
-                    }
-                  >
-                    *
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    http
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    Request
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    {
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-9"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                   
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
                 >
-                  9
+                  main
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                        fmt
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    Fprintf
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    w
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    "Hi there, I love %s!"
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     r
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    URL
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    Path
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    [
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    1
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    :
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ]
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-10"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                   
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  10
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
                     }
-                  >
-                    }
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-11"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  }
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  11
+                  {
                 </span>
                 <span
                   style={Object {}}
@@ -95468,2855 +51592,1174 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-12"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-13"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                13
+              </span>
+              <span
+                style={Object {}}
               >
                 <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  style={Object {}}
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                      http
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  12
+                  .
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  HandleFunc
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "/"
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#00a984",
-                      }
-                    }
-                  >
-                    func
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    main
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    {
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-13"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                   handler
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  13
+                  )
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                        http
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    HandleFunc
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    "/"
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     handler
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
+                  
 
-                  </span>
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-14"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-14"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                14
+              </span>
+              <span
+                style={Object {}}
               >
                 <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  style={Object {}}
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                      http
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  14
+                  .
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  ListenAndServe
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  ":8080"
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                        http
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    ListenAndServe
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    ":8080"
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    nil
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
+                   
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-15"
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  nil
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-15"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                15
+              </span>
+              <span
+                style={Object {}}
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
                 <span
                   className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                      "display": "inline-block",
+                      "minWidth": "2em",
+                      "paddingRight": "1em",
+                      "textAlign": "right",
+                      "userSelect": "none",
+                    }
+                  }
                 >
                   15
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    className="linenumber react-syntax-highlighter-line-number"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                        "display": "inline-block",
-                        "minWidth": "2em",
-                        "paddingRight": "1em",
-                        "textAlign": "right",
-                        "userSelect": "none",
-                      }
-                    }
-                  >
-                    15
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    }
-                  </span>
+                  
                 </span>
-              </div>
-            </code>
-          </pre>
-        </div>
-        <p>
-          Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id. Aliqua pariatur pariatur excepteur adipisicing irure culpa consequat commodo et ex id ad.
-        </p>
-        <p>
-          <a
-            href="/#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <a
-          className="MarkdownHeadingRenderer__Link-sc-1ov8tml-0 egxeeK anchor"
-          href="/#inline-elements"
-          id="inline-elements"
-        >
-          <h1>
-            <a
-              name="Inline"
-            />
-            Inline elements
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-          </h1>
-        </a>
-        <p>
-          Sint ea anim ipsum ad commodo cupidatat do 
-          <strong>
-            exercitation
-          </strong>
-           incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. 
-          <strong>
-            Consequat commodo
-          </strong>
-           reprehenderit duis 
-          <a
-            href="/#!"
-          >
-            irure
-          </a>
-           esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum 
-          <strong>
-            cupidatat consequat
-          </strong>
-          . Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.
-        </p>
-        <p>
-          <img
-            alt="Super wide"
-            src="http://placekitten.com/1280/800"
-          />
-        </p>
-        <p>
-          <em>
-            Proident sit veniam in est proident officia adipisicing
-          </em>
-           ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris 
-          <code>
-            culpa ex duis sint
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  }
+                </span>
+              </span>
+            </div>
           </code>
-           anim aute reprehenderit id eu ea. Aute 
+        </pre>
+      </div>
+      <p>
+        Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id. Aliqua pariatur pariatur excepteur adipisicing irure culpa consequat commodo et ex id ad.
+      </p>
+      <p>
+        <a
+          href="/#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <a
+        className="MarkdownHeadingRenderer__Link-rj9qs1-0 bIKuxs anchor"
+        href="/#inline-elements"
+        id="inline-elements"
+      >
+        <h1>
           <a
-            href="/#!"
-          >
-            excepteur proident
-          </a>
-           Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.
-        </p>
-        <p>
-          <img
-            alt="Not so big"
-            src="http://placekitten.com/480/400"
+            name="Inline"
           />
-        </p>
-        <p>
-          Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est 
-          <em>
-            enim 
-            <strong>
-              anim
-            </strong>
-             voluptate
-          </em>
-          . Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi 
+          Inline elements
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+        </h1>
+      </a>
+      <p>
+        Sint ea anim ipsum ad commodo cupidatat do 
+        <strong>
+          exercitation
+        </strong>
+         incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. 
+        <strong>
+          Consequat commodo
+        </strong>
+         reprehenderit duis 
+        <a
+          href="/#!"
+        >
+          irure
+        </a>
+         esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum 
+        <strong>
+          cupidatat consequat
+        </strong>
+        . Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.
+      </p>
+      <p>
+        <img
+          alt="Super wide"
+          src="http://placekitten.com/1280/800"
+        />
+      </p>
+      <p>
+        <em>
+          Proident sit veniam in est proident officia adipisicing
+        </em>
+         ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris 
+        <code>
+          culpa ex duis sint
+        </code>
+         anim aute reprehenderit id eu ea. Aute 
+        <a
+          href="/#!"
+        >
+          excepteur proident
+        </a>
+         Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.
+      </p>
+      <p>
+        <img
+          alt="Not so big"
+          src="http://placekitten.com/480/400"
+        />
+      </p>
+      <p>
+        Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est 
+        <em>
+          enim 
           <strong>
-            adipisicing sunt 
-            <em>
-              officia
-            </em>
+            anim
           </strong>
-          . Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.
-        </p>
-        <p>
-          <a
-            href="https://youtu.be/s6bCmZmy9aQ"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            <img
-              alt="Manny Pacquiao"
-              src="https://img.youtube.com/vi/s6bCmZmy9aQ/0.jpg"
-            />
-          </a>
-        </p>
-        <p>
-          Reprehenderit non eu quis in ad elit esse qui aute id 
-          <a
-            href="/#!"
-          >
-            incididunt
-          </a>
-           dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
-        </p>
-      </div>
+           voluptate
+        </em>
+        . Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi 
+        <strong>
+          adipisicing sunt 
+          <em>
+            officia
+          </em>
+        </strong>
+        . Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.
+      </p>
+      <p>
+        <a
+          href="https://youtu.be/s6bCmZmy9aQ"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          <img
+            alt="Manny Pacquiao"
+            src="https://img.youtube.com/vi/s6bCmZmy9aQ/0.jpg"
+          />
+        </a>
+      </p>
+      <p>
+        Reprehenderit non eu quis in ad elit esse qui aute id 
+        <a
+          href="/#!"
+        >
+          incididunt
+        </a>
+         dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
+      </p>
     </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots MarkdownView Inline Xml 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <h1
+    className="title"
   >
-    <h1
-      className="title"
-    >
-      Inline Xml
-    </h1>
-    <h2
-      className="subtitle"
-    >
-      Inline xml outside of a code block is not supported
-    </h2>
+    Inline Xml
+  </h1>
+  <h2
+    className="subtitle"
+  >
+    Inline xml outside of a code block is not supported
+  </h2>
+  <div
+    className="notification is-danger"
+  >
+    
     <div
-      className="notification is-danger"
+      className="content"
     >
-      
-      <div
-        className="content"
+      <p
+        className="subtitle"
       >
-        <p
-          className="subtitle"
-        >
-          markdownErrorNotification.title
-        </p>
-        <p>
-          markdownErrorNotification.description
-        </p>
-        <pre>
-          <code>
-            \`\`\`xml
+        markdownErrorNotification.title
+      </p>
+      <p>
+        markdownErrorNotification.description
+      </p>
+      <pre>
+        <code>
+          \`\`\`xml
 &lt;your&gt;
   &lt;xml&gt;
     &lt;content/&gt;
   &lt;/xml&gt;
 &lt;/your&gt;
 \`\`\`
-          </code>
-        </pre>
-        <p>
-          markdownErrorNotification.spec
-          :
-           
-          <a
-            href="https://github.github.com/gfm/"
-            target="_blank"
-          >
-            GitHub Flavored Markdown Spec
-          </a>
-        </p>
-      </div>
+        </code>
+      </pre>
+      <p>
+        markdownErrorNotification.spec
+        :
+         
+        <a
+          href="https://github.github.com/gfm/"
+          target="_blank"
+        >
+          GitHub Flavored Markdown Spec
+        </a>
+      </p>
     </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots MarkdownView Links 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
-  >
-    <div>
-      <div
-        className="content is-word-break"
-      >
-        <h1>
-          Links
-        </h1>
-        <p>
-          Show case for different style of markdown links.
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <div>
+    <div
+      className="content is-word-break"
+    >
+      <h1>
+        Links
+      </h1>
+      <p>
+        Show case for different style of markdown links.
 Please note that some of the links may not work in storybook,
 the story is mostly for checking if the links are rendered correct.
-        </p>
-        <h2>
-          External
-        </h2>
-        <p>
-          External Links should be opened in a new tab: 
-          <a
-            href="https://scm-manager.org"
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            external link
-          </a>
-        </p>
-        <h2>
-          Anchor
-        </h2>
-        <p>
-          Anchor Links should be rendered a simple a tag with an href: 
-          <a
-            href="/#sample"
-          >
-            anchor link
-          </a>
-        </p>
-        <h2>
-          Protocol
-        </h2>
-        <p>
-          Links with a protocol other than http should be rendered a simple a tag with an href e.g.: 
-          <a
-            href="mailto:marvin@hitchhiker.com"
-          >
-            mail link
-          </a>
-        </p>
-        <h2>
-          Internal
-        </h2>
-        <p>
-          Internal links should be rendered by react-router: 
-          <a
-            href="/buttons"
-            onClick={[Function]}
-          >
-            internal link
-          </a>
-        </p>
-      </div>
+      </p>
+      <h2>
+        External
+      </h2>
+      <p>
+        External Links should be opened in a new tab: 
+        <a
+          href="https://scm-manager.org"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          external link
+        </a>
+      </p>
+      <h2>
+        Anchor
+      </h2>
+      <p>
+        Anchor Links should be rendered a simple a tag with an href: 
+        <a
+          href="/#sample"
+        >
+          anchor link
+        </a>
+      </p>
+      <h2>
+        Protocol
+      </h2>
+      <p>
+        Links with a protocol other than http should be rendered a simple a tag with an href e.g.: 
+        <a
+          href="mailto:marvin@hitchhiker.com"
+        >
+          mail link
+        </a>
+      </p>
+      <h2>
+        Internal
+      </h2>
+      <p>
+        Internal links should be rendered by react-router: 
+        <a
+          href="/buttons"
+          onClick={[Function]}
+        >
+          internal link
+        </a>
+      </p>
     </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots MarkdownView Skip Html 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
-  >
-    <div>
-      <div
-        className="content is-word-break"
-      >
-        <h1>
-          &lt;a name="top"&gt;
-          &lt;/a&gt;
-          Markdown Test Page
-        </h1>
-        <ul>
-          <li>
-            <a
-              href="#Headings"
-            >
-              Headings
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Paragraphs"
-            >
-              Paragraphs
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Blockquotes"
-            >
-              Blockquotes
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Lists"
-            >
-              Lists
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Horizontal"
-            >
-              Horizontal rule
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Table"
-            >
-              Table
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Code"
-            >
-              Code
-            </a>
-          </li>
-          <li>
-            <a
-              href="#Inline"
-            >
-              Inline elements
-            </a>
-          </li>
-        </ul>
-        <hr />
-        <h1>
-          &lt;a name="Headings"&gt;
-          &lt;/a&gt;
-          Headings
-        </h1>
-        <h1>
-          Heading one
-        </h1>
-        <p>
-          Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat commodo id sunt. Nostrud enim ad commodo incididunt cupidatat in ullamco ullamco Lorem cupidatat velit enim et Lorem. Ut laborum cillum laboris fugiat culpa sint irure do reprehenderit culpa occaecat. Exercitation esse mollit tempor magna aliqua in occaecat aliquip veniam reprehenderit nisi dolor in laboris dolore velit.
-        </p>
-        <h2>
-          Heading two
-        </h2>
-        <p>
-          Aute officia nulla deserunt do deserunt cillum velit magna. Officia veniam culpa anim minim dolore labore pariatur voluptate id ad est duis quis velit dolor pariatur enim. Incididunt enim excepteur do veniam consequat culpa do voluptate dolor fugiat ad adipisicing sit. Labore officia est adipisicing dolore proident eiusmod exercitation deserunt ullamco anim do occaecat velit. Elit dolor consectetur proident sunt aliquip est do tempor quis aliqua culpa aute. Duis in tempor exercitation pariatur et adipisicing mollit irure tempor ut enim esse commodo laboris proident. Do excepteur laborum anim esse aliquip eu sit id Lorem incididunt elit irure ea nulla dolor et. Nulla amet fugiat qui minim deserunt enim eu cupidatat aute officia do velit ea reprehenderit.
-        </p>
-        <h3>
-          Heading three
-        </h3>
-        <p>
-          Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint. Adipisicing ipsum consectetur proident ullamco magna sit amet aliqua aute fugiat laborum exercitation duis et.
-        </p>
-        <h4>
-          Heading four
-        </h4>
-        <p>
-          Commodo fugiat aliqua minim quis pariatur mollit id tempor. Non occaecat minim esse enim aliqua adipisicing nostrud duis consequat eu adipisicing qui. Minim aliquip sit excepteur ipsum consequat laborum pariatur excepteur. Veniam fugiat et amet ad elit anim laborum duis mollit occaecat et et ipsum et reprehenderit. Occaecat aliquip dolore adipisicing sint labore occaecat officia fugiat. Quis adipisicing exercitation exercitation eu amet est laboris sunt nostrud ipsum reprehenderit ullamco. Enim sint ut consectetur id anim aute voluptate exercitation mollit dolore magna magna est Lorem. Ut adipisicing adipisicing aliqua ullamco voluptate labore nisi tempor esse magna incididunt.
-        </p>
-        <h5>
-          Heading five
-        </h5>
-        <p>
-          Veniam enim esse amet veniam deserunt laboris amet enim consequat. Minim nostrud deserunt cillum consectetur commodo eu enim nostrud ullamco occaecat excepteur. Aliquip et ut est commodo enim dolor amet sint excepteur. Amet ad laboris laborum deserunt sint sunt aliqua commodo ex duis deserunt enim est ex labore ut. Duis incididunt velit adipisicing non incididunt adipisicing adipisicing. Ad irure duis nisi tempor eu dolor fugiat magna et consequat tempor eu ex dolore. Mollit esse nisi qui culpa ut nisi ex proident culpa cupidatat cillum culpa occaecat anim. Ut officia sit ea nisi ea excepteur nostrud ipsum et nulla.
-        </p>
-        <h6>
-          Heading six
-        </h6>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </p>
-        <p>
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <div>
+    <div
+      className="content is-word-break"
+    >
+      <h1>
+        &lt;a name="top"&gt;
+        &lt;/a&gt;
+        Markdown Test Page
+      </h1>
+      <ul>
+        <li>
           <a
-            href="#top"
+            href="#Headings"
           >
-            [Top]
+            Headings
           </a>
-        </p>
-        <h1>
-          &lt;a name="Paragraphs"&gt;
-          &lt;/a&gt;
-          Paragraphs
-        </h1>
-        <p>
-          Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum. Do laboris laboris minim incididunt qui consectetur exercitation adipisicing dolore et magna consequat magna anim sunt. Officia fugiat Lorem sunt pariatur incididunt Lorem reprehenderit proident irure. Dolore ipsum aliqua mollit ad officia fugiat sit eu aliquip cupidatat ipsum duis laborum laborum fugiat esse. Voluptate anim ex dolore deserunt ea ex eiusmod irure. Occaecat excepteur aliqua exercitation aliquip dolor esse eu eu.
-        </p>
-        <p>
-          Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.
-        </p>
-        <p>
-          Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in. Ex labore nulla velit officia ullamco Lorem Lorem id do. Dolore ullamco ipsum magna dolor pariatur voluptate ipsum id occaecat ipsum. Dolore tempor quis duis commodo quis quis enim.
-        </p>
-        <p>
+        </li>
+        <li>
           <a
-            href="#top"
+            href="#Paragraphs"
           >
-            [Top]
+            Paragraphs
           </a>
-        </p>
-        <h1>
-          &lt;a name="Blockquotes"&gt;
-          &lt;/a&gt;
-          Blockquotes
-        </h1>
-        <p>
-          Ad nisi laborum aute cupidatat magna deserunt eu id laboris id. Aliquip nulla cupidatat sint ex Lorem mollit laborum dolor amet est ut esse aute. Nostrud ex consequat id incididunt proident ipsum minim duis aliqua ut ex et ad quis. Laborum sint esse cillum anim nulla cillum consectetur aliqua sit. Nisi excepteur cillum labore amet excepteur commodo enim occaecat consequat ipsum proident exercitation duis id in.
-        </p>
-        <blockquote>
-          <p>
-            Ipsum et cupidatat mollit exercitation enim duis sunt irure aliqua reprehenderit mollit. Pariatur Lorem pariatur laboris do culpa do elit irure. Eiusmod amet nulla voluptate velit culpa et aliqua ad reprehenderit sit ut.
-          </p>
-        </blockquote>
-        <p>
-          Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit. Dolore ad esse commodo et dolore amet est velit ut nisi ea. Excepteur ea nulla commodo dolore anim dolore adipisicing eiusmod labore id enim esse quis mollit deserunt est. Minim ea culpa voluptate nostrud commodo proident in duis aliquip minim.
-        </p>
-        <blockquote>
-          <p>
-            Qui est sit et reprehenderit aute est esse enim aliqua id aliquip ea anim. Pariatur sint reprehenderit mollit velit voluptate enim consectetur sint enim. Quis exercitation proident elit non id qui culpa dolore esse aliquip consequat.
-          </p>
-        </blockquote>
-        <p>
-          Ipsum excepteur cupidatat sunt minim ad eiusmod tempor sit.
-        </p>
-        <blockquote>
-          <p>
-            Deserunt excepteur adipisicing culpa pariatur cillum laboris ullamco nisi fugiat cillum officia. In cupidatat nulla aliquip tempor ad Lorem Lorem quis voluptate officia consectetur pariatur ex in est duis. Mollit id esse est elit exercitation voluptate nostrud nisi laborum magna dolore dolore tempor in est consectetur.
-          </p>
-        </blockquote>
-        <p>
-          Adipisicing voluptate ipsum culpa voluptate id aute laboris labore esse fugiat veniam ullamco occaecat do ut. Tempor et esse reprehenderit veniam proident ipsum irure sit ullamco et labore ea excepteur nulla labore ut. Ex aute minim quis tempor in eu id id irure ea nostrud dolor esse.
-        </p>
-        <p>
+        </li>
+        <li>
           <a
-            href="#top"
+            href="#Blockquotes"
           >
-            [Top]
+            Blockquotes
           </a>
+        </li>
+        <li>
+          <a
+            href="#Lists"
+          >
+            Lists
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Horizontal"
+          >
+            Horizontal rule
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Table"
+          >
+            Table
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Code"
+          >
+            Code
+          </a>
+        </li>
+        <li>
+          <a
+            href="#Inline"
+          >
+            Inline elements
+          </a>
+        </li>
+      </ul>
+      <hr />
+      <h1>
+        &lt;a name="Headings"&gt;
+        &lt;/a&gt;
+        Headings
+      </h1>
+      <h1>
+        Heading one
+      </h1>
+      <p>
+        Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat commodo id sunt. Nostrud enim ad commodo incididunt cupidatat in ullamco ullamco Lorem cupidatat velit enim et Lorem. Ut laborum cillum laboris fugiat culpa sint irure do reprehenderit culpa occaecat. Exercitation esse mollit tempor magna aliqua in occaecat aliquip veniam reprehenderit nisi dolor in laboris dolore velit.
+      </p>
+      <h2>
+        Heading two
+      </h2>
+      <p>
+        Aute officia nulla deserunt do deserunt cillum velit magna. Officia veniam culpa anim minim dolore labore pariatur voluptate id ad est duis quis velit dolor pariatur enim. Incididunt enim excepteur do veniam consequat culpa do voluptate dolor fugiat ad adipisicing sit. Labore officia est adipisicing dolore proident eiusmod exercitation deserunt ullamco anim do occaecat velit. Elit dolor consectetur proident sunt aliquip est do tempor quis aliqua culpa aute. Duis in tempor exercitation pariatur et adipisicing mollit irure tempor ut enim esse commodo laboris proident. Do excepteur laborum anim esse aliquip eu sit id Lorem incididunt elit irure ea nulla dolor et. Nulla amet fugiat qui minim deserunt enim eu cupidatat aute officia do velit ea reprehenderit.
+      </p>
+      <h3>
+        Heading three
+      </h3>
+      <p>
+        Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint. Adipisicing ipsum consectetur proident ullamco magna sit amet aliqua aute fugiat laborum exercitation duis et.
+      </p>
+      <h4>
+        Heading four
+      </h4>
+      <p>
+        Commodo fugiat aliqua minim quis pariatur mollit id tempor. Non occaecat minim esse enim aliqua adipisicing nostrud duis consequat eu adipisicing qui. Minim aliquip sit excepteur ipsum consequat laborum pariatur excepteur. Veniam fugiat et amet ad elit anim laborum duis mollit occaecat et et ipsum et reprehenderit. Occaecat aliquip dolore adipisicing sint labore occaecat officia fugiat. Quis adipisicing exercitation exercitation eu amet est laboris sunt nostrud ipsum reprehenderit ullamco. Enim sint ut consectetur id anim aute voluptate exercitation mollit dolore magna magna est Lorem. Ut adipisicing adipisicing aliqua ullamco voluptate labore nisi tempor esse magna incididunt.
+      </p>
+      <h5>
+        Heading five
+      </h5>
+      <p>
+        Veniam enim esse amet veniam deserunt laboris amet enim consequat. Minim nostrud deserunt cillum consectetur commodo eu enim nostrud ullamco occaecat excepteur. Aliquip et ut est commodo enim dolor amet sint excepteur. Amet ad laboris laborum deserunt sint sunt aliqua commodo ex duis deserunt enim est ex labore ut. Duis incididunt velit adipisicing non incididunt adipisicing adipisicing. Ad irure duis nisi tempor eu dolor fugiat magna et consequat tempor eu ex dolore. Mollit esse nisi qui culpa ut nisi ex proident culpa cupidatat cillum culpa occaecat anim. Ut officia sit ea nisi ea excepteur nostrud ipsum et nulla.
+      </p>
+      <h6>
+        Heading six
+      </h6>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        &lt;a name="Paragraphs"&gt;
+        &lt;/a&gt;
+        Paragraphs
+      </h1>
+      <p>
+        Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum. Do laboris laboris minim incididunt qui consectetur exercitation adipisicing dolore et magna consequat magna anim sunt. Officia fugiat Lorem sunt pariatur incididunt Lorem reprehenderit proident irure. Dolore ipsum aliqua mollit ad officia fugiat sit eu aliquip cupidatat ipsum duis laborum laborum fugiat esse. Voluptate anim ex dolore deserunt ea ex eiusmod irure. Occaecat excepteur aliqua exercitation aliquip dolor esse eu eu.
+      </p>
+      <p>
+        Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.
+      </p>
+      <p>
+        Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in. Ex labore nulla velit officia ullamco Lorem Lorem id do. Dolore ullamco ipsum magna dolor pariatur voluptate ipsum id occaecat ipsum. Dolore tempor quis duis commodo quis quis enim.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        &lt;a name="Blockquotes"&gt;
+        &lt;/a&gt;
+        Blockquotes
+      </h1>
+      <p>
+        Ad nisi laborum aute cupidatat magna deserunt eu id laboris id. Aliquip nulla cupidatat sint ex Lorem mollit laborum dolor amet est ut esse aute. Nostrud ex consequat id incididunt proident ipsum minim duis aliqua ut ex et ad quis. Laborum sint esse cillum anim nulla cillum consectetur aliqua sit. Nisi excepteur cillum labore amet excepteur commodo enim occaecat consequat ipsum proident exercitation duis id in.
+      </p>
+      <blockquote>
+        <p>
+          Ipsum et cupidatat mollit exercitation enim duis sunt irure aliqua reprehenderit mollit. Pariatur Lorem pariatur laboris do culpa do elit irure. Eiusmod amet nulla voluptate velit culpa et aliqua ad reprehenderit sit ut.
         </p>
-        <h1>
-          &lt;a name="Lists"&gt;
-          &lt;/a&gt;
-          Lists
-        </h1>
-        <h3>
-          Ordered List
-        </h3>
-        <ol>
-          <li>
-            Longan
-          </li>
-          <li>
-            Lychee
-          </li>
-          <li>
-            Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
+      </blockquote>
+      <p>
+        Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit. Dolore ad esse commodo et dolore amet est velit ut nisi ea. Excepteur ea nulla commodo dolore anim dolore adipisicing eiusmod labore id enim esse quis mollit deserunt est. Minim ea culpa voluptate nostrud commodo proident in duis aliquip minim.
+      </p>
+      <blockquote>
+        <p>
+          Qui est sit et reprehenderit aute est esse enim aliqua id aliquip ea anim. Pariatur sint reprehenderit mollit velit voluptate enim consectetur sint enim. Quis exercitation proident elit non id qui culpa dolore esse aliquip consequat.
+        </p>
+      </blockquote>
+      <p>
+        Ipsum excepteur cupidatat sunt minim ad eiusmod tempor sit.
+      </p>
+      <blockquote>
+        <p>
+          Deserunt excepteur adipisicing culpa pariatur cillum laboris ullamco nisi fugiat cillum officia. In cupidatat nulla aliquip tempor ad Lorem Lorem quis voluptate officia consectetur pariatur ex in est duis. Mollit id esse est elit exercitation voluptate nostrud nisi laborum magna dolore dolore tempor in est consectetur.
+        </p>
+      </blockquote>
+      <p>
+        Adipisicing voluptate ipsum culpa voluptate id aute laboris labore esse fugiat veniam ullamco occaecat do ut. Tempor et esse reprehenderit veniam proident ipsum irure sit ullamco et labore ea excepteur nulla labore ut. Ex aute minim quis tempor in eu id id irure ea nostrud dolor esse.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        &lt;a name="Lists"&gt;
+        &lt;/a&gt;
+        Lists
+      </h1>
+      <h3>
+        Ordered List
+      </h3>
+      <ol>
+        <li>
+          Longan
+        </li>
+        <li>
+          Lychee
+        </li>
+        <li>
+          Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
 Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip aliquip velit pariatur dolore.
-          </li>
-          <li>
-            Marionberry
-          </li>
-          <li>
-            Melon
-            <ul>
-              <li>
-                Cantaloupe
-              </li>
-              <li>
-                Honeydew
-              </li>
-              <li>
-                Watermelon
-              </li>
-            </ul>
-          </li>
-          <li>
-            Miracle fruit
-          </li>
-          <li>
-            Mulberry
-          </li>
-        </ol>
-        <h3>
-          Unordered List
-        </h3>
-        <ul>
-          <li>
-            Olive
-          </li>
-          <li>
-            Orange
-            <ul>
-              <li>
-                Blood orange
-              </li>
-              <li>
-                Clementine
-              </li>
-            </ul>
-          </li>
-          <li>
-            Papaya
-          </li>
-          <li>
-            Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.
-          </li>
-          <li>
-            Passionfruit
-          </li>
-        </ul>
-        <p>
-          <a
-            href="#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <h1>
-          &lt;a name="Horizontal"&gt;
-          &lt;/a&gt;
-          Horizontal rule
-        </h1>
-        <p>
-          In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit. Irure ad commodo eu voluptate mollit cillum cupidatat veniam proident amet minim reprehenderit.
-        </p>
-        <hr />
-        <p>
-          In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi. Dolor amet cillum excepteur consequat sint non sint.
-        </p>
-        <p>
-          <a
-            href="#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <h1>
-          &lt;a name="Table"&gt;
-          &lt;/a&gt;
-          Table
-        </h1>
-        <p>
-          Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat. Laboris amet ea occaecat duis eu enim exercitation deserunt ea laborum occaecat reprehenderit. Et incididunt dolor commodo consequat mollit nisi proident non pariatur in et incididunt id. Eu ut et Lorem ea ex magna minim ipsum ipsum do.
-        </p>
-        <table>
-          <thead>
-            <tr>
-              <th
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+        </li>
+        <li>
+          Marionberry
+        </li>
+        <li>
+          Melon
+          <ul>
+            <li>
+              Cantaloupe
+            </li>
+            <li>
+              Honeydew
+            </li>
+            <li>
+              Watermelon
+            </li>
+          </ul>
+        </li>
+        <li>
+          Miracle fruit
+        </li>
+        <li>
+          Mulberry
+        </li>
+      </ol>
+      <h3>
+        Unordered List
+      </h3>
+      <ul>
+        <li>
+          Olive
+        </li>
+        <li>
+          Orange
+          <ul>
+            <li>
+              Blood orange
+            </li>
+            <li>
+              Clementine
+            </li>
+          </ul>
+        </li>
+        <li>
+          Papaya
+        </li>
+        <li>
+          Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.
+        </li>
+        <li>
+          Passionfruit
+        </li>
+      </ul>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        &lt;a name="Horizontal"&gt;
+        &lt;/a&gt;
+        Horizontal rule
+      </h1>
+      <p>
+        In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit. Irure ad commodo eu voluptate mollit cillum cupidatat veniam proident amet minim reprehenderit.
+      </p>
+      <hr />
+      <p>
+        In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi. Dolor amet cillum excepteur consequat sint non sint.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        &lt;a name="Table"&gt;
+        &lt;/a&gt;
+        Table
+      </h1>
+      <p>
+        Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat. Laboris amet ea occaecat duis eu enim exercitation deserunt ea laborum occaecat reprehenderit. Et incididunt dolor commodo consequat mollit nisi proident non pariatur in et incididunt id. Eu ut et Lorem ea ex magna minim ipsum ipsum do.
+      </p>
+      <table>
+        <thead>
+          <tr>
+            <th
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Table Heading 1
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Table Heading 1
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Table Heading 2
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
+              }
+            >
+              Table Heading 2
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "center",
                 }
-              >
-                Center align
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
+              }
+            >
+              Center align
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "right",
                 }
-              >
-                Right align
-              </th>
-              <th
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Right align
+            </th>
+            <th
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Table Heading 5
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Table Heading 5
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
                 }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
                 }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
                 }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
                 }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
                 }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
                 }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
                 }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
                 }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 5
-              </td>
-            </tr>
-            <tr>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+          <tr>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 1
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 1
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 2
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "center",
-                  }
+              }
+            >
+              Item 2
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "center",
                 }
-              >
-                Item 3
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "right",
-                  }
+              }
+            >
+              Item 3
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "right",
                 }
-              >
-                Item 4
-              </td>
-              <td
-                style={
-                  Object {
-                    "textAlign": "left",
-                  }
+              }
+            >
+              Item 4
+            </td>
+            <td
+              style={
+                Object {
+                  "textAlign": "left",
                 }
-              >
-                Item 5
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <p>
-          Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris. Cillum dolore labore Lorem deserunt mollit voluptate esse incididunt ex dolor.
-        </p>
-        <p>
-          <a
-            href="#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <h1>
-          &lt;a name="Code"&gt;
-          &lt;/a&gt;
-          Code
-        </h1>
-        <h2>
-          Inline code
-        </h2>
-        <p>
-          Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est 
-          <code>
-            code in text
-          </code>
-           velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna 
-          <code>
-            &lt;strong&gt;in culpa qui officia&lt;/strong&gt;
-          </code>
-           dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.
-        </p>
-        <h2>
-          Highlighted
-        </h2>
-        <p>
-          Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet id excepteur Lorem aliquip sit irure veniam laborum duis cillum. Aliqua occaecat minim cillum deserunt magna sunt laboris do do irure ea nostrud consequat ut voluptate ex.
-        </p>
-        <div>
-          <pre
+              }
+            >
+              Item 5
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <p>
+        Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris. Cillum dolore labore Lorem deserunt mollit voluptate esse incididunt ex dolor.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        &lt;a name="Code"&gt;
+        &lt;/a&gt;
+        Code
+      </h1>
+      <h2>
+        Inline code
+      </h2>
+      <p>
+        Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est 
+        <code>
+          code in text
+        </code>
+         velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna 
+        <code>
+          &lt;strong&gt;in culpa qui officia&lt;/strong&gt;
+        </code>
+         dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.
+      </p>
+      <h2>
+        Highlighted
+      </h2>
+      <p>
+        Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet id excepteur Lorem aliquip sit irure veniam laborum duis cillum. Aliqua occaecat minim cillum deserunt magna sunt laboris do do irure ea nostrud consequat ut voluptate ex.
+      </p>
+      <div>
+        <pre
+          style={
+            Object {
+              "MozHyphens": "none",
+              "MozTabSize": "4",
+              "OTabSize": "4",
+              "WebkitHyphens": "none",
+              "background": "#ffffff",
+              "color": "#363636",
+              "direction": "ltr",
+              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+              "fontSize": "13px",
+              "hyphens": "none",
+              "lineHeight": "1.5",
+              "margin": ".5em 0",
+              "msHyphens": "none",
+              "overflow": "auto",
+              "padding": "1em",
+              "tabSize": "4",
+              "textAlign": "left",
+              "textShadow": "none",
+              "whiteSpace": "pre",
+              "wordBreak": "normal",
+              "wordSpacing": "normal",
+            }
+          }
+        >
+          <code
+            className="language-go"
             style={
               Object {
                 "MozHyphens": "none",
                 "MozTabSize": "4",
                 "OTabSize": "4",
                 "WebkitHyphens": "none",
-                "background": "#ffffff",
                 "color": "#363636",
                 "direction": "ltr",
                 "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
                 "fontSize": "13px",
                 "hyphens": "none",
                 "lineHeight": "1.5",
-                "margin": ".5em 0",
                 "msHyphens": "none",
-                "overflow": "auto",
-                "padding": "1em",
                 "tabSize": "4",
                 "textAlign": "left",
                 "textShadow": "none",
@@ -98326,88 +52769,634 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               }
             }
           >
-            <code
-              className="language-go"
-              style={
-                Object {
-                  "MozHyphens": "none",
-                  "MozTabSize": "4",
-                  "OTabSize": "4",
-                  "WebkitHyphens": "none",
-                  "color": "#363636",
-                  "direction": "ltr",
-                  "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                  "fontSize": "13px",
-                  "hyphens": "none",
-                  "lineHeight": "1.5",
-                  "msHyphens": "none",
-                  "tabSize": "4",
-                  "textAlign": "left",
-                  "textShadow": "none",
-                  "whiteSpace": "pre",
-                  "wordBreak": "normal",
-                  "wordSpacing": "normal",
-                }
-              }
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-1"
             >
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-1"
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                1
+              </span>
+              <span
+                style={Object {}}
               >
                 <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  package
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                  style={Object {}}
+                >
+                   main
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-2"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                2
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-3"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                3
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
+                >
+                  import
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-4"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                4
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "fmt"
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-5"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                5
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "net/http"
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-6"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                6
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-7"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                7
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-8"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                8
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
+                >
+                  func
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  handler
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  w http
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  ResponseWriter
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   r 
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#686868",
+                    }
+                  }
+                >
+                  *
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  http
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  Request
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  {
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-9"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                9
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                      fmt
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  Fprintf
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  w
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "Hi there, I love %s!"
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
+                </span>
+                <span
+                  style={Object {}}
+                >
+                   r
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  URL
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  .
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  Path
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  [
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
                 >
                   1
                 </span>
                 <span
-                  style={Object {}}
-                >
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#00a984",
-                      }
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
                     }
-                  >
-                    package
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     main
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-2"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  }
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  :
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  2
+                  ]
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
                 </span>
                 <span
                   style={Object {}}
@@ -98415,220 +53404,44 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-3"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-10"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
-                >
-                  3
-                </span>
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                10
+              </span>
+              <span
+                style={Object {}}
+              >
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#00a984",
-                      }
+                  
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
                     }
-                  >
-                    import
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-4"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  }
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  4
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
-                        
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    "fmt"
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-5"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  5
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
-                        
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    "net/http"
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-6"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  6
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-7"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  7
+                  }
                 </span>
                 <span
                   style={Object {}}
@@ -98636,420 +53449,120 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-8"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-11"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                11
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-12"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                12
+              </span>
+              <span
+                style={Object {}}
               >
                 <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  style={Object {}}
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#00a984",
+                    }
+                  }
                 >
-                  8
+                  func
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#00a984",
-                      }
-                    }
-                  >
-                    func
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    handler
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    w http
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    ResponseWriter
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     r 
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#686868",
-                      }
-                    }
-                  >
-                    *
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    http
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    Request
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    {
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-9"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                   
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
                 >
-                  9
+                  main
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                        fmt
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    Fprintf
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    w
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    "Hi there, I love %s!"
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     r
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    URL
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    Path
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    [
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    1
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    :
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ]
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-10"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                   
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  10
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
                     }
-                  >
-                    }
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-11"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  }
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  11
+                  {
                 </span>
                 <span
                   style={Object {}}
@@ -99057,1619 +53570,475 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-12"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-13"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                13
+              </span>
+              <span
+                style={Object {}}
               >
                 <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  style={Object {}}
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                      http
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  12
+                  .
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  HandleFunc
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  "/"
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#00a984",
-                      }
-                    }
-                  >
-                    func
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    main
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    {
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-13"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                   handler
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  13
+                  )
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                        http
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    HandleFunc
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    "/"
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     handler
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
+                  
 
-                  </span>
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-14"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-14"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                14
+              </span>
+              <span
+                style={Object {}}
               >
                 <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  style={Object {}}
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                      http
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  14
+                  .
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#ff3860",
+                    }
+                  }
+                >
+                  ListenAndServe
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  (
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  ":8080"
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  ,
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                        http
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    .
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#ff3860",
-                      }
-                    }
-                  >
-                    ListenAndServe
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    (
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    ":8080"
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    ,
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    nil
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    )
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
+                   
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-15"
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  nil
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  )
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-15"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                15
+              </span>
+              <span
+                style={Object {}}
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
                 <span
                   className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                      "display": "inline-block",
+                      "minWidth": "2em",
+                      "paddingRight": "1em",
+                      "textAlign": "right",
+                      "userSelect": "none",
+                    }
+                  }
                 >
                   15
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    className="linenumber react-syntax-highlighter-line-number"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                        "display": "inline-block",
-                        "minWidth": "2em",
-                        "paddingRight": "1em",
-                        "textAlign": "right",
-                        "userSelect": "none",
-                      }
-                    }
-                  >
-                    15
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    }
-                  </span>
+                  
                 </span>
-              </div>
-            </code>
-          </pre>
-        </div>
-        <p>
-          Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id. Aliqua pariatur pariatur excepteur adipisicing irure culpa consequat commodo et ex id ad.
-        </p>
-        <p>
-          <a
-            href="#top"
-          >
-            [Top]
-          </a>
-        </p>
-        <h1>
-          &lt;a name="Inline"&gt;
-          &lt;/a&gt;
-          Inline elements
-        </h1>
-        <p>
-          Sint ea anim ipsum ad commodo cupidatat do 
-          <strong>
-            exercitation
-          </strong>
-           incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. 
-          <strong>
-            Consequat commodo
-          </strong>
-           reprehenderit duis 
-          <a
-            href="#!"
-          >
-            irure
-          </a>
-           esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum 
-          <strong>
-            cupidatat consequat
-          </strong>
-          . Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.
-        </p>
-        <p>
-          <img
-            alt="Super wide"
-            src="http://placekitten.com/1280/800"
-          />
-        </p>
-        <p>
-          <em>
-            Proident sit veniam in est proident officia adipisicing
-          </em>
-           ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris 
-          <code>
-            culpa ex duis sint
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  }
+                </span>
+              </span>
+            </div>
           </code>
-           anim aute reprehenderit id eu ea. Aute 
-          <a
-            href="#!"
-          >
-            excepteur proident
-          </a>
-           Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.
-        </p>
-        <p>
-          <img
-            alt="Not so big"
-            src="http://placekitten.com/480/400"
-          />
-        </p>
-        <p>
-          Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est 
-          <em>
-            enim 
-            <strong>
-              anim
-            </strong>
-             voluptate
-          </em>
-          . Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi 
+        </pre>
+      </div>
+      <p>
+        Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id. Aliqua pariatur pariatur excepteur adipisicing irure culpa consequat commodo et ex id ad.
+      </p>
+      <p>
+        <a
+          href="#top"
+        >
+          [Top]
+        </a>
+      </p>
+      <h1>
+        &lt;a name="Inline"&gt;
+        &lt;/a&gt;
+        Inline elements
+      </h1>
+      <p>
+        Sint ea anim ipsum ad commodo cupidatat do 
+        <strong>
+          exercitation
+        </strong>
+         incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. 
+        <strong>
+          Consequat commodo
+        </strong>
+         reprehenderit duis 
+        <a
+          href="#!"
+        >
+          irure
+        </a>
+         esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum 
+        <strong>
+          cupidatat consequat
+        </strong>
+        . Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.
+      </p>
+      <p>
+        <img
+          alt="Super wide"
+          src="http://placekitten.com/1280/800"
+        />
+      </p>
+      <p>
+        <em>
+          Proident sit veniam in est proident officia adipisicing
+        </em>
+         ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris 
+        <code>
+          culpa ex duis sint
+        </code>
+         anim aute reprehenderit id eu ea. Aute 
+        <a
+          href="#!"
+        >
+          excepteur proident
+        </a>
+         Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.
+      </p>
+      <p>
+        <img
+          alt="Not so big"
+          src="http://placekitten.com/480/400"
+        />
+      </p>
+      <p>
+        Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est 
+        <em>
+          enim 
           <strong>
-            adipisicing sunt 
-            <em>
-              officia
-            </em>
+            anim
           </strong>
-          . Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.
-        </p>
-        <p>
-          <a
-            href="https://youtu.be/s6bCmZmy9aQ"
-          >
-            <img
-              alt="Manny Pacquiao"
-              src="https://img.youtube.com/vi/s6bCmZmy9aQ/0.jpg"
-            />
-          </a>
-        </p>
-        <p>
-          Reprehenderit non eu quis in ad elit esse qui aute id 
-          <a
-            href="#!"
-          >
-            incididunt
-          </a>
-           dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
-        </p>
-      </div>
+           voluptate
+        </em>
+        . Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi 
+        <strong>
+          adipisicing sunt 
+          <em>
+            officia
+          </em>
+        </strong>
+        . Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.
+      </p>
+      <p>
+        <a
+          href="https://youtu.be/s6bCmZmy9aQ"
+        >
+          <img
+            alt="Manny Pacquiao"
+            src="https://img.youtube.com/vi/s6bCmZmy9aQ/0.jpg"
+          />
+        </a>
+      </p>
+      <p>
+        Reprehenderit non eu quis in ad elit esse qui aute id 
+        <a
+          href="#!"
+        >
+          incididunt
+        </a>
+         dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
+      </p>
     </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots MarkdownView XSS Prevention 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
-  >
-    <div>
-      <div
-        className="content is-word-break"
-      >
-        <h1>
-          XSS should prevented
-        </h1>
-        <p>
-          You should not see an alert onload.
-        </p>
-        <div
-          alert")=""
-          onload="alert(\\"onload"
-        />
-        
-
-        <p>
-          If you hover over &lt;b onmouseover=alert("onmouseover alert")&gt;me
-           nothing should happen.
-        </p>
-        <p>
-          Not every html 
-          <strong>
-            html
-          </strong>
-           
-          <i>
-            should
-          </i>
-           be removed.
-        </p>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <div>
     <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      className="content is-word-break"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
+      <h1>
+        XSS should prevented
+      </h1>
+      <p>
+        You should not see an alert onload.
+      </p>
       <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
+        alert")=""
+        onload="alert(\\"onload"
       />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
+      
+
+      <p>
+        If you hover over &lt;b onmouseover=alert("onmouseover alert")&gt;me
+         nothing should happen.
+      </p>
+      <p>
+        Not every html 
+        <strong>
+          html
+        </strong>
+         
+        <i>
+          should
+        </i>
+         be removed.
+      </p>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots MarkdownView Xml Code Block 1`] = `
-Array [
-  <div
-    className="MarkdownViewstories__Spacing-sc-1hk90gd-0 euAahh"
-  >
-    <div>
-      <div
-        className="content is-word-break"
-      >
-        <h1>
-          Xml Code Block in Markdown
-        </h1>
-        <div>
-          <pre
+<div
+  className="MarkdownViewstories__Spacing-sc-1lofakk-0 jNfUaE"
+>
+  <div>
+    <div
+      className="content is-word-break"
+    >
+      <h1>
+        Xml Code Block in Markdown
+      </h1>
+      <div>
+        <pre
+          style={
+            Object {
+              "MozHyphens": "none",
+              "MozTabSize": "4",
+              "OTabSize": "4",
+              "WebkitHyphens": "none",
+              "background": "#ffffff",
+              "color": "#363636",
+              "direction": "ltr",
+              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+              "fontSize": "13px",
+              "hyphens": "none",
+              "lineHeight": "1.5",
+              "margin": ".5em 0",
+              "msHyphens": "none",
+              "overflow": "auto",
+              "padding": "1em",
+              "tabSize": "4",
+              "textAlign": "left",
+              "textShadow": "none",
+              "whiteSpace": "pre",
+              "wordBreak": "normal",
+              "wordSpacing": "normal",
+            }
+          }
+        >
+          <code
+            className="language-xml"
             style={
               Object {
                 "MozHyphens": "none",
                 "MozTabSize": "4",
                 "OTabSize": "4",
                 "WebkitHyphens": "none",
-                "background": "#ffffff",
                 "color": "#363636",
                 "direction": "ltr",
                 "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
                 "fontSize": "13px",
                 "hyphens": "none",
                 "lineHeight": "1.5",
-                "margin": ".5em 0",
                 "msHyphens": "none",
-                "overflow": "auto",
-                "padding": "1em",
                 "tabSize": "4",
                 "textAlign": "left",
                 "textShadow": "none",
@@ -100679,128 +54048,220 @@ Array [
               }
             }
           >
-            <code
-              className="language-xml"
-              style={
-                Object {
-                  "MozHyphens": "none",
-                  "MozTabSize": "4",
-                  "OTabSize": "4",
-                  "WebkitHyphens": "none",
-                  "color": "#363636",
-                  "direction": "ltr",
-                  "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-                  "fontSize": "13px",
-                  "hyphens": "none",
-                  "lineHeight": "1.5",
-                  "msHyphens": "none",
-                  "tabSize": "4",
-                  "textAlign": "left",
-                  "textShadow": "none",
-                  "whiteSpace": "pre",
-                  "wordBreak": "normal",
-                  "wordSpacing": "normal",
-                }
-              }
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-1"
             >
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-1"
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                1
+              </span>
+              <span
+                style={Object {}}
               >
                 <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  &lt;
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
                 >
-                  1
+                  project
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                   
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#005f9a",
+                    }
+                  }
+                >
+                  [...]
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    project
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                     
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#005f9a",
-                      }
-                    }
-                  >
-                    [...]
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-2"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                2
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-3"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                3
+              </span>
+              <span
+                style={Object {}}
+              >
+                  [...]
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-4"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                4
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-5"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                5
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
                     
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-2"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  2
+                  &lt;
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  build
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
@@ -100808,207 +54269,64 @@ Array [
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-3"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-6"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
-                >
-                  3
-                </span>
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                6
+              </span>
+              <span
+                style={Object {}}
+              >
                 <span
                   style={Object {}}
                 >
-                    [...]
-
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-4"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  4
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
-
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-5"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  5
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
                       
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    build
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-6"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  6
+                  &lt;
                 </span>
                 <span
-                  style={Object {}}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
                 >
-                  <span
-                    style={Object {}}
-                  >
-                        
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    plugins
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-7"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  plugins
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  7
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
@@ -101016,51 +54334,142 @@ Array [
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-8"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-7"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
-                >
-                  8
-                </span>
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                7
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-8"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                8
+              </span>
+              <span
+                style={Object {}}
+              >
+                      [...]
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-9"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                9
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-10"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                10
+              </span>
+              <span
+                style={Object {}}
+              >
                 <span
                   style={Object {}}
                 >
-                        [...]
-
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-9"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                        
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  9
+                  &lt;
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  plugin
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
@@ -101068,815 +54477,724 @@ Array [
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-10"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-11"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
-                >
-                  10
-                </span>
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                11
+              </span>
+              <span
+                style={Object {}}
+              >
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
                           
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    plugin
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-11"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  11
+                  &lt;
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  groupId
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                            
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    groupId
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    org.apache.maven.plugins
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;/
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    groupId
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-12"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  org.apache.maven.plugins
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  12
+                  &lt;/
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  groupId
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                            
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    artifactId
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    maven-enforcer-plugin
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;/
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    artifactId
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
+                  
 
-                  </span>
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-13"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-12"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
-                >
-                  13
-                </span>
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                12
+              </span>
+              <span
+                style={Object {}}
+              >
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
                           
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;/
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    plugin
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-14"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  14
+                  &lt;
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  artifactId
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                          
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    plugin
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-15"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
+                  maven-enforcer-plugin
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  15
+                  &lt;/
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  artifactId
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                            
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    groupId
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    org.codehaus.mojo
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;/
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    groupId
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
+                  
 
-                  </span>
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-16"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-13"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
-                >
-                  16
-                </span>
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                13
+              </span>
+              <span
+                style={Object {}}
+              >
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
-                            
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    artifactId
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    animal-sniffer-maven-plugin
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;/
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    artifactId
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-17"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  17
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
-                          
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;/
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    plugin
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-18"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
-                >
-                  18
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  <span
-                    style={Object {}}
-                  >
                         
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;/
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    plugins
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-19"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  19
+                  &lt;/
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  plugin
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    style={Object {}}
-                  >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-14"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                14
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                        
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &lt;
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  plugin
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-15"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                15
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                          
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &lt;
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  groupId
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  org.codehaus.mojo
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &lt;/
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  groupId
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-16"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                16
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                          
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &lt;
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  artifactId
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  animal-sniffer-maven-plugin
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &lt;/
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  artifactId
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-17"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                17
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
+                        
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &lt;/
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  plugin
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-18"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                18
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
                       
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
                     }
-                  >
-                    &lt;/
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
+                  }
+                >
+                  &lt;/
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
                     }
-                  >
-                    build
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
+                  }
+                >
+                  plugins
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
                     }
-                  >
-                    &gt;
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
+                  }
+                >
+                  &gt;
+                </span>
+                <span
+                  style={Object {}}
+                >
+                  
+
+                </span>
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-19"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                19
+              </span>
+              <span
+                style={Object {}}
+              >
+                <span
+                  style={Object {}}
+                >
                     
-
-                  </span>
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-20"
-              >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
                 </span>
                 <span
-                  className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
                 >
-                  20
+                  &lt;/
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#2c99c7",
+                    }
+                  }
+                >
+                  build
+                </span>
+                <span
+                  className="token"
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                    }
+                  }
+                >
+                  &gt;
                 </span>
                 <span
                   style={Object {}}
@@ -101884,1215 +55202,170 @@ Array [
                   
 
                 </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-21"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-20"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
-                >
-                  21
-                </span>
-                <span
-                  style={Object {}}
-                >
-                    [...]
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                20
+              </span>
+              <span
+                style={Object {}}
+              >
+                
 
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-22"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-21"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
-                <span
-                  className="linenumber react-syntax-highlighter-line-number"
+                <i
+                  className="fas fa-link has-text-grey-light"
                   onClick={[Function]}
-                >
-                  22
-                </span>
-                <span
-                  style={Object {}}
-                >
-                  
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                21
+              </span>
+              <span
+                style={Object {}}
+              >
+                  [...]
 
-                </span>
-              </div>
-              <div
-                className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-                id="line-23"
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-22"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                22
+              </span>
+              <span
+                style={Object {}}
+              >
+                
+
+              </span>
+            </div>
+            <div
+              className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+              id="line-23"
+            >
+              <span
+                className="tooltip has-tooltip-right"
+                data-tooltip="sources.content.copyPermalink"
+              >
+                <i
+                  className="fas fa-link has-text-grey-light"
+                  onClick={[Function]}
+                />
+              </span>
+              <span
+                className="linenumber react-syntax-highlighter-line-number"
+                onClick={[Function]}
+              >
+                23
+              </span>
+              <span
+                style={Object {}}
               >
-                <span
-                  className="tooltip has-tooltip-right"
-                  data-tooltip="sources.content.copyPermalink"
-                >
-                  <i
-                    className="fas fa-link has-text-grey-light"
-                    onClick={[Function]}
-                  />
-                </span>
                 <span
                   className="linenumber react-syntax-highlighter-line-number"
-                  onClick={[Function]}
+                  style={
+                    Object {
+                      "color": "#9a9a9a",
+                      "display": "inline-block",
+                      "minWidth": "2em",
+                      "paddingRight": "1em",
+                      "textAlign": "right",
+                      "userSelect": "none",
+                    }
+                  }
                 >
                   23
                 </span>
                 <span
                   style={Object {}}
                 >
-                  <span
-                    className="linenumber react-syntax-highlighter-line-number"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                        "display": "inline-block",
-                        "minWidth": "2em",
-                        "paddingRight": "1em",
-                        "textAlign": "right",
-                        "userSelect": "none",
-                      }
-                    }
-                  >
-                    23
-                  </span>
-                  <span
-                    style={Object {}}
-                  >
-                    
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &lt;/
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#2c99c7",
-                      }
-                    }
-                  >
-                    project
-                  </span>
-                  <span
-                    className="token"
-                    style={
-                      Object {
-                        "color": "#9a9a9a",
-                      }
-                    }
-                  >
-                    &gt;
-                  </span>
+                  
                 </span>
-              </div>
-            </code>
-          </pre>
-        </div>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
+                <span
+                  className="token"
                   style={
                     Object {
-                      "fontSize": ".9em",
+                      "color": "#9a9a9a",
                     }
                   }
-                  suppressHydrationWarning={true}
                 >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
+                  &lt;/
+                </span>
+                <span
+                  className="token"
                   style={
                     Object {
-                      "fontSize": ".9em",
+                      "color": "#2c99c7",
                     }
                   }
-                  suppressHydrationWarning={true}
                 >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
+                  project
+                </span>
+                <span
+                  className="token"
                   style={
                     Object {
-                      "fontSize": ".9em",
+                      "color": "#9a9a9a",
                     }
                   }
-                  suppressHydrationWarning={true}
                 >
-                  (
-                  0
-                  )
-                </code>
+                  &gt;
+                </span>
               </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
             </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
-`;
-
-exports[`Storyshots Modal|ConfirmAlert Default 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
           </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
+        </pre>
       </div>
     </div>
   </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
+</div>
 `;
 
+exports[`Storyshots Modal|ConfirmAlert Default 1`] = `null`;
+
 exports[`Storyshots Modal|ConfirmAlert WithButton 1`] = `
 Array [
   <button
@@ -103103,14889 +55376,1471 @@ Array [
   <div
     id="modalRoot"
   />,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
 ]
 `;
 
-exports[`Storyshots Modal|Modal Closeable 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Modal|Modal Closeable 1`] = `null`;
 
-exports[`Storyshots Modal|Modal Default 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Modal|Modal Default 1`] = `null`;
 
-exports[`Storyshots Modal|Modal Long content 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Modal|Modal Long content 1`] = `null`;
 
-exports[`Storyshots Modal|Modal With form elements 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Modal|Modal With form elements 1`] = `null`;
 
-exports[`Storyshots Modal|Modal With long tooltips 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Modal|Modal With long tooltips 1`] = `null`;
 
 exports[`Storyshots Navigation|Secondary Active when match 1`] = `
-Array [
+<div
+  className="SecondaryNavigationstories__Columns-fdxo4w-0 iLmNrF columns"
+>
   <div
-    className="SecondaryNavigationstories__Columns-fdxo4w-0 iLmNrF columns"
+    className="column is-3"
   >
-    <div
-      className="column is-3"
+    <aside
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 jeGCxC menu"
     >
-      <aside
-        className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 jeGCxC menu"
-      >
-        <div>
-          <p
-            className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bTmDSq menu-label"
-            onClick={[Function]}
+      <div>
+        <p
+          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bTmDSq menu-label"
+          onClick={[Function]}
+        >
+          <i
+            className="SecondaryNavigation__Icon-sc-8p1rgi-1 krJuMU is-medium"
+            color="info"
           >
             <i
-              className="SecondaryNavigation__Icon-sc-8p1rgi-1 krJuMU is-medium"
-              color="info"
+              className="fas fa-caret-right"
+            />
+          </i>
+          Hitchhiker
+        </p>
+        <ul
+          className="menu-list"
+          onClick={[Function]}
+        >
+          <li>
+            <a
+              className=""
+              href="/42"
+              onClick={[Function]}
             >
               <i
-                className="fas fa-caret-right"
+                className="fas fa-puzzle-piece fa-fw"
               />
-            </i>
-            Hitchhiker
-          </p>
-          <ul
-            className="menu-list"
-            onClick={[Function]}
-          >
-            <li>
-              <a
-                className=""
-                href="/42"
-                onClick={[Function]}
-              >
-                <i
-                  className="fas fa-puzzle-piece fa-fw"
-                />
-                 
-                Puzzle 42
-              </a>
-            </li>
-            <li>
-              <a
-                className="is-active"
-                href="/heart-of-gold"
-                onClick={[Function]}
-              >
-                <i
-                  className="fas fa-star fa-fw"
-                />
-                 
-                Heart Of Gold
-              </a>
-            </li>
-          </ul>
-        </div>
-      </aside>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
                
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
+              Puzzle 42
+            </a>
+          </li>
+          <li>
+            <a
+              className="is-active"
+              href="/heart-of-gold"
+              onClick={[Function]}
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-star fa-fw"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
+               
+              Heart Of Gold
+            </a>
+          </li>
+        </ul>
       </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    </aside>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Navigation|Secondary Default 1`] = `
-Array [
+<div
+  className="SecondaryNavigationstories__Columns-fdxo4w-0 iLmNrF columns"
+>
   <div
-    className="SecondaryNavigationstories__Columns-fdxo4w-0 iLmNrF columns"
+    className="column is-3"
   >
-    <div
-      className="column is-3"
+    <aside
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 jeGCxC menu"
     >
-      <aside
-        className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 jeGCxC menu"
-      >
-        <div>
-          <p
-            className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bTmDSq menu-label"
-            onClick={[Function]}
+      <div>
+        <p
+          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bTmDSq menu-label"
+          onClick={[Function]}
+        >
+          <i
+            className="SecondaryNavigation__Icon-sc-8p1rgi-1 krJuMU is-medium"
+            color="info"
           >
             <i
-              className="SecondaryNavigation__Icon-sc-8p1rgi-1 krJuMU is-medium"
-              color="info"
+              className="fas fa-caret-right"
+            />
+          </i>
+          Hitchhiker
+        </p>
+        <ul
+          className="menu-list"
+          onClick={[Function]}
+        >
+          <li>
+            <a
+              className=""
+              href="/42"
+              onClick={[Function]}
             >
               <i
-                className="fas fa-caret-right"
+                className="fas fa-puzzle-piece fa-fw"
               />
-            </i>
-            Hitchhiker
-          </p>
-          <ul
-            className="menu-list"
-            onClick={[Function]}
-          >
-            <li>
-              <a
-                className=""
-                href="/42"
-                onClick={[Function]}
-              >
-                <i
-                  className="fas fa-puzzle-piece fa-fw"
-                />
-                 
-                Puzzle 42
-              </a>
-            </li>
-            <li>
-              <a
-                className=""
-                href="/heart-of-gold"
-                onClick={[Function]}
-              >
-                <i
-                  className="fas fa-star fa-fw"
-                />
-                 
-                Heart Of Gold
-              </a>
-            </li>
-          </ul>
-        </div>
-      </aside>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
                
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
+              Puzzle 42
+            </a>
+          </li>
+          <li>
+            <a
+              className=""
+              href="/heart-of-gold"
+              onClick={[Function]}
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-star fa-fw"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
+               
+              Heart Of Gold
+            </a>
+          </li>
+        </ul>
       </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    </aside>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Navigation|Secondary Extension Point 1`] = `
-Array [
+<div
+  className="SecondaryNavigationstories__Columns-fdxo4w-0 iLmNrF columns"
+>
   <div
-    className="SecondaryNavigationstories__Columns-fdxo4w-0 iLmNrF columns"
+    className="column is-3"
   >
-    <div
-      className="column is-3"
+    <aside
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 jeGCxC menu"
     >
-      <aside
-        className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 jeGCxC menu"
-      >
-        <div>
-          <p
-            className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bTmDSq menu-label"
-            onClick={[Function]}
+      <div>
+        <p
+          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bTmDSq menu-label"
+          onClick={[Function]}
+        >
+          <i
+            className="SecondaryNavigation__Icon-sc-8p1rgi-1 krJuMU is-medium"
+            color="info"
           >
             <i
-              className="SecondaryNavigation__Icon-sc-8p1rgi-1 krJuMU is-medium"
-              color="info"
+              className="fas fa-caret-right"
+            />
+          </i>
+          Hitchhiker
+        </p>
+        <ul
+          className="menu-list"
+          onClick={[Function]}
+        >
+          <li>
+            <a
+              className=""
+              href="/42"
+              onClick={[Function]}
             >
               <i
-                className="fas fa-caret-right"
+                className="fas fa-puzzle-piece fa-fw"
               />
-            </i>
-            Hitchhiker
-          </p>
-          <ul
-            className="menu-list"
-            onClick={[Function]}
-          >
-            <li>
-              <a
-                className=""
-                href="/42"
-                onClick={[Function]}
-              >
-                <i
-                  className="fas fa-puzzle-piece fa-fw"
-                />
-                 
-                Puzzle 42
-              </a>
-            </li>
-            <li>
-              <a
-                className="is-active"
-                href="/hitchhiker/starships"
-                onClick={[Function]}
-              >
-                <i
-                  className="fas fa-cog fa-fw"
-                />
-                 
-                Starships
-              </a>
-              <ul
-                className="sub-menu"
-              >
-                <li>
-                  <a
-                    className=""
-                    href="/hitchhiker/starships/heart-of-gold"
-                    onClick={[Function]}
-                  >
-                    <i
-                      className="fas fa-star fa-fw"
-                    />
-                     
-                    Heart Of Gold
-                  </a>
-                </li>
-                <li>
-                  <a
-                    className="is-active"
-                    href="/hitchhiker/starships/titanic"
-                    onClick={[Function]}
-                  >
-                    Titanic
-                  </a>
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </div>
-      </aside>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
                
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
+              Puzzle 42
+            </a>
+          </li>
+          <li>
+            <a
+              className="is-active"
+              href="/hitchhiker/starships"
+              onClick={[Function]}
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-cog fa-fw"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
+               
+              Starships
+            </a>
+            <ul
+              className="sub-menu"
+            >
+              <li>
+                <a
+                  className=""
+                  href="/hitchhiker/starships/heart-of-gold"
+                  onClick={[Function]}
                 >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
+                  <i
+                    className="fas fa-star fa-fw"
+                  />
+                   
+                  Heart Of Gold
+                </a>
+              </li>
+              <li>
+                <a
+                  className="is-active"
+                  href="/hitchhiker/starships/titanic"
+                  onClick={[Function]}
                 >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
+                  Titanic
+                </a>
+              </li>
+            </ul>
+          </li>
+        </ul>
       </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    </aside>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Navigation|Secondary Sub Navigation 1`] = `
-Array [
+<div
+  className="SecondaryNavigationstories__Columns-fdxo4w-0 iLmNrF columns"
+>
   <div
-    className="SecondaryNavigationstories__Columns-fdxo4w-0 iLmNrF columns"
+    className="column is-3"
   >
-    <div
-      className="column is-3"
+    <aside
+      className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 jeGCxC menu"
     >
-      <aside
-        className="SecondaryNavigation__SectionContainer-sc-8p1rgi-0 jeGCxC menu"
-      >
-        <div>
-          <p
-            className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bTmDSq menu-label"
-            onClick={[Function]}
+      <div>
+        <p
+          className="SecondaryNavigation__MenuLabel-sc-8p1rgi-2 bTmDSq menu-label"
+          onClick={[Function]}
+        >
+          <i
+            className="SecondaryNavigation__Icon-sc-8p1rgi-1 krJuMU is-medium"
+            color="info"
           >
             <i
-              className="SecondaryNavigation__Icon-sc-8p1rgi-1 krJuMU is-medium"
-              color="info"
+              className="fas fa-caret-right"
+            />
+          </i>
+          Hitchhiker
+        </p>
+        <ul
+          className="menu-list"
+          onClick={[Function]}
+        >
+          <li>
+            <a
+              className=""
+              href="/42"
+              onClick={[Function]}
             >
               <i
-                className="fas fa-caret-right"
+                className="fas fa-puzzle-piece fa-fw"
               />
-            </i>
-            Hitchhiker
-          </p>
-          <ul
-            className="menu-list"
-            onClick={[Function]}
-          >
-            <li>
-              <a
-                className=""
-                href="/42"
-                onClick={[Function]}
-              >
-                <i
-                  className="fas fa-puzzle-piece fa-fw"
-                />
-                 
-                Puzzle 42
-              </a>
-            </li>
-            <li>
-              <a
-                className=""
-                href="/hitchhiker/starships"
-                onClick={[Function]}
-              >
-                <i
-                  className="fas fa-cog fa-fw"
-                />
-                 
-                Starships
-              </a>
-            </li>
-          </ul>
-        </div>
-      </aside>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
                
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
+              Puzzle 42
+            </a>
+          </li>
+          <li>
+            <a
+              className=""
+              href="/hitchhiker/starships"
+              onClick={[Function]}
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-cog fa-fw"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
+               
+              Starships
+            </a>
+          </li>
+        </ul>
       </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    </aside>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Notification Closeable 1`] = `
-Array [
+<div
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+>
   <div
-    className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+    className="notification is-warning"
   >
-    <div
-      className="notification is-warning"
-    >
-      <button
-        className="delete"
-        onClick={[Function]}
-      />
-      Cleverness nuclear genuine static irresponsibility invited President Zaphod
+    <button
+      className="delete"
+      onClick={[Function]}
+    />
+    Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
 shapes field strong disaster parties Russell’s ancestors infinite colour
 imaginative generator sweep.
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots Notification Danger 1`] = `
-Array [
+<div
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+>
   <div
-    className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+    className="notification is-danger"
   >
-    <div
-      className="notification is-danger"
-    >
-      
-      Cleverness nuclear genuine static irresponsibility invited President Zaphod
+    
+    Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
 shapes field strong disaster parties Russell’s ancestors infinite colour
 imaginative generator sweep.
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots Notification Info 1`] = `
-Array [
+<div
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+>
   <div
-    className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+    className="notification is-info"
   >
-    <div
-      className="notification is-info"
-    >
-      
-      Cleverness nuclear genuine static irresponsibility invited President Zaphod
+    
+    Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
 shapes field strong disaster parties Russell’s ancestors infinite colour
 imaginative generator sweep.
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots Notification Primary 1`] = `
-Array [
+<div
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+>
   <div
-    className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+    className="notification is-primary"
   >
-    <div
-      className="notification is-primary"
-    >
-      
-      Cleverness nuclear genuine static irresponsibility invited President Zaphod
+    
+    Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
 shapes field strong disaster parties Russell’s ancestors infinite colour
 imaginative generator sweep.
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots Notification Success 1`] = `
-Array [
+<div
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+>
   <div
-    className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+    className="notification is-success"
   >
-    <div
-      className="notification is-success"
-    >
-      
-      Cleverness nuclear genuine static irresponsibility invited President Zaphod
+    
+    Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
 shapes field strong disaster parties Russell’s ancestors infinite colour
 imaginative generator sweep.
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots Notification Warning 1`] = `
-Array [
+<div
+  className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+>
   <div
-    className="Notificationstories__Wrapper-sc-8fx7tr-0 JBVwU"
+    className="notification is-warning"
   >
-    <div
-      className="notification is-warning"
-    >
-      
-      Cleverness nuclear genuine static irresponsibility invited President Zaphod
+    
+    Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
 shapes field strong disaster parties Russell’s ancestors infinite colour
 imaginative generator sweep.
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots Popover Default 1`] = `
-Array [
-  <div
-    className="Popoverstories__Wrapper-sc-2pld2j-0 dGSbyU"
-  >
-    <div>
-      <button
-        className="button"
-        onMouseLeave={[Function]}
-        onMouseOver={[Function]}
-      >
-        Trigger
-      </button>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
+<div
+  className="Popoverstories__Wrapper-sc-2pld2j-0 dGSbyU"
+>
+  <div>
     <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+      className="button"
+      onMouseLeave={[Function]}
+      onMouseOver={[Function]}
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
+      Trigger
     </button>
-  </footer>,
-]
+  </div>
+</div>
 `;
 
 exports[`Storyshots Popover Link 1`] = `
-Array [
-  <div
-    className="Popoverstories__Wrapper-sc-2pld2j-0 dGSbyU"
-  >
-    <div>
-      <a
-        href="#"
-        onMouseLeave={[Function]}
-        onMouseOver={[Function]}
-      >
-        Trigger
-      </a>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+<div
+  className="Popoverstories__Wrapper-sc-2pld2j-0 dGSbyU"
+>
+  <div>
+    <a
+      href="#"
+      onMouseLeave={[Function]}
+      onMouseOver={[Function]}
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+      Trigger
+    </a>
+  </div>
+</div>
 `;
 
 exports[`Storyshots RepositoryEntry Archived 1`] = `
-Array [
-  <div
-    className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+<div
+  className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+>
+  <a
+    className="overlay-column"
+    href="/repo/hitchhiker/heartOfGold"
+    onClick={[Function]}
+  />
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
   >
-    <a
-      className="overlay-column"
-      href="/repo/hitchhiker/heartOfGold"
-      onClick={[Function]}
-    />
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+    <figure
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
     >
-      <figure
-        className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
+      <p
+        className="image is-64x64"
       >
-        <p
-          className="image is-64x64"
-        >
-          <img
-            alt="Logo"
-            src="test-file-stub"
-          />
-        </p>
-      </figure>
+        <img
+          alt="Logo"
+          src="test-file-stub"
+        />
+      </p>
+    </figure>
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
       <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+        className="is-flex"
       >
         <div
-          className="is-flex"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
         >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+          <p
+            className="shorten-text is-marginless"
           >
-            <p
-              className="shorten-text is-marginless"
+            <strong>
+              heartOfGold
+            </strong>
+             
+            <span
+              className="RepositoryEntry__RepositoryTag-sc-6jys82-0 cFBCjw"
+              title="archive.tooltip"
             >
-              <strong>
-                heartOfGold
-              </strong>
-               
-              <span
-                className="RepositoryEntry__RepositoryTag-sc-6jys82-0 cFBCjw"
-                title="archive.tooltip"
-              >
-                repository.archived
-              </span>
-            </p>
-            <p
-              className="shorten-text"
-            >
-              The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+              repository.archived
+            </span>
+          </p>
+          <p
+            className="shorten-text"
           >
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/branches/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.branches"
-              >
-                <i
-                  className="fas fa-code-branch has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/tags/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.tags"
-              >
-                <i
-                  className="fas fa-tags has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/changesets/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.commits"
-              >
-                <i
-                  className="fas fa-exchange-alt has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/sources/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.sources"
-              >
-                <i
-                  className="fas fa-code has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/settings/general"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.settings"
-              >
-                <i
-                  className="fas fa-cog has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small
-              className="level-item"
-            >
-              <time
-                className="DateElement-sc-1schp8c-0 gkptML"
-                title="2020-03-23 09:26:01"
-              >
-                3 days ago
-              </time>
-            </small>
-          </div>
+            The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
+          </p>
         </div>
       </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
       <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/branches/"
+            onClick={[Function]}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.branches"
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-code-branch has-text-inherit fa-lg"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/tags/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.tags"
+            >
+              <i
+                className="fas fa-tags has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/changesets/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.commits"
+            >
+              <i
+                className="fas fa-exchange-alt has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/sources/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.sources"
+            >
+              <i
+                className="fas fa-code has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/settings/general"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.settings"
+            >
+              <i
+                className="fas fa-cog has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <small
+            className="level-item"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            <time
+              className="DateElement-sc-1schp8c-0 gkptML"
+              title="2020-03-23 09:26:01"
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+              3 days ago
+            </time>
+          </small>
         </div>
       </div>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </article>
+</div>
 `;
 
 exports[`Storyshots RepositoryEntry Avatar EP 1`] = `
-Array [
-  <div
-    className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+<div
+  className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+>
+  <a
+    className="overlay-column"
+    href="/repo/hitchhiker/heartOfGold"
+    onClick={[Function]}
+  />
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
   >
-    <a
-      className="overlay-column"
-      href="/repo/hitchhiker/heartOfGold"
-      onClick={[Function]}
-    />
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+    <figure
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
     >
-      <figure
-        className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
+      <p
+        className="image is-64x64"
       >
-        <p
-          className="image is-64x64"
-        >
-          <img
-            alt="Logo"
-            src="test-file-stub"
-          />
-        </p>
-      </figure>
+        <img
+          alt="Logo"
+          src="test-file-stub"
+        />
+      </p>
+    </figure>
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
       <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+        className="is-flex"
       >
         <div
-          className="is-flex"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
         >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+          <p
+            className="shorten-text is-marginless"
           >
-            <p
-              className="shorten-text is-marginless"
-            >
-              <strong>
-                heartOfGold
-              </strong>
-               
-            </p>
-            <p
-              className="shorten-text"
-            >
-              The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+            <strong>
+              heartOfGold
+            </strong>
+             
+          </p>
+          <p
+            className="shorten-text"
           >
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/branches/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.branches"
-              >
-                <i
-                  className="fas fa-code-branch has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/tags/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.tags"
-              >
-                <i
-                  className="fas fa-tags has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/changesets/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.commits"
-              >
-                <i
-                  className="fas fa-exchange-alt has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/sources/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.sources"
-              >
-                <i
-                  className="fas fa-code has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/settings/general"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.settings"
-              >
-                <i
-                  className="fas fa-cog has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small
-              className="level-item"
-            >
-              <time
-                className="DateElement-sc-1schp8c-0 gkptML"
-                title="2020-03-23 09:26:01"
-              >
-                3 days ago
-              </time>
-            </small>
-          </div>
+            The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
+          </p>
         </div>
       </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
       <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/branches/"
+            onClick={[Function]}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.branches"
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-code-branch has-text-inherit fa-lg"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/tags/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.tags"
+            >
+              <i
+                className="fas fa-tags has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/changesets/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.commits"
+            >
+              <i
+                className="fas fa-exchange-alt has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/sources/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.sources"
+            >
+              <i
+                className="fas fa-code has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/settings/general"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.settings"
+            >
+              <i
+                className="fas fa-cog has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <small
+            className="level-item"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            <time
+              className="DateElement-sc-1schp8c-0 gkptML"
+              title="2020-03-23 09:26:01"
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+              3 days ago
+            </time>
+          </small>
         </div>
       </div>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </article>
+</div>
 `;
 
 exports[`Storyshots RepositoryEntry Before Title EP 1`] = `
-Array [
-  <div
-    className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+<div
+  className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+>
+  <a
+    className="overlay-column"
+    href="/repo/hitchhiker/heartOfGold"
+    onClick={[Function]}
+  />
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
   >
-    <a
-      className="overlay-column"
-      href="/repo/hitchhiker/heartOfGold"
-      onClick={[Function]}
-    />
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+    <figure
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
     >
-      <figure
-        className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
+      <p
+        className="image is-64x64"
       >
-        <p
-          className="image is-64x64"
-        >
-          <img
-            alt="Logo"
-            src="/images/blib.jpg"
-          />
-        </p>
-      </figure>
+        <img
+          alt="Logo"
+          src="/images/blib.jpg"
+        />
+      </p>
+    </figure>
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
       <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+        className="is-flex"
       >
         <div
-          className="is-flex"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
         >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+          <p
+            className="shorten-text is-marginless"
           >
-            <p
-              className="shorten-text is-marginless"
-            >
-              <i
-                className="far fa-star"
-              />
-              <strong>
-                heartOfGold
-              </strong>
-               
-            </p>
-            <p
-              className="shorten-text"
-            >
-              The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+            <i
+              className="far fa-star"
+            />
+            <strong>
+              heartOfGold
+            </strong>
+             
+          </p>
+          <p
+            className="shorten-text"
           >
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/branches/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.branches"
-              >
-                <i
-                  className="fas fa-code-branch has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/tags/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.tags"
-              >
-                <i
-                  className="fas fa-tags has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/changesets/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.commits"
-              >
-                <i
-                  className="fas fa-exchange-alt has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/sources/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.sources"
-              >
-                <i
-                  className="fas fa-code has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/settings/general"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.settings"
-              >
-                <i
-                  className="fas fa-cog has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small
-              className="level-item"
-            >
-              <time
-                className="DateElement-sc-1schp8c-0 gkptML"
-                title="2020-03-23 09:26:01"
-              >
-                3 days ago
-              </time>
-            </small>
-          </div>
+            The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
+          </p>
         </div>
       </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
       <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/branches/"
+            onClick={[Function]}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.branches"
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-code-branch has-text-inherit fa-lg"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/tags/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.tags"
+            >
+              <i
+                className="fas fa-tags has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/changesets/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.commits"
+            >
+              <i
+                className="fas fa-exchange-alt has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/sources/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.sources"
+            >
+              <i
+                className="fas fa-code has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/settings/general"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.settings"
+            >
+              <i
+                className="fas fa-cog has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <small
+            className="level-item"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            <time
+              className="DateElement-sc-1schp8c-0 gkptML"
+              title="2020-03-23 09:26:01"
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+              3 days ago
+            </time>
+          </small>
         </div>
       </div>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </article>
+</div>
 `;
 
 exports[`Storyshots RepositoryEntry Default 1`] = `
-Array [
-  <div
-    className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+<div
+  className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+>
+  <a
+    className="overlay-column"
+    href="/repo/hitchhiker/heartOfGold"
+    onClick={[Function]}
+  />
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
   >
-    <a
-      className="overlay-column"
-      href="/repo/hitchhiker/heartOfGold"
-      onClick={[Function]}
-    />
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+    <figure
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
     >
-      <figure
-        className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
+      <p
+        className="image is-64x64"
       >
-        <p
-          className="image is-64x64"
-        >
-          <img
-            alt="Logo"
-            src="/images/blib.jpg"
-          />
-        </p>
-      </figure>
+        <img
+          alt="Logo"
+          src="/images/blib.jpg"
+        />
+      </p>
+    </figure>
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
       <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+        className="is-flex"
       >
         <div
-          className="is-flex"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
         >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+          <p
+            className="shorten-text is-marginless"
           >
-            <p
-              className="shorten-text is-marginless"
-            >
-              <strong>
-                heartOfGold
-              </strong>
-               
-            </p>
-            <p
-              className="shorten-text"
-            >
-              The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+            <strong>
+              heartOfGold
+            </strong>
+             
+          </p>
+          <p
+            className="shorten-text"
           >
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/branches/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.branches"
-              >
-                <i
-                  className="fas fa-code-branch has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/tags/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.tags"
-              >
-                <i
-                  className="fas fa-tags has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/changesets/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.commits"
-              >
-                <i
-                  className="fas fa-exchange-alt has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/sources/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.sources"
-              >
-                <i
-                  className="fas fa-code has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/settings/general"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.settings"
-              >
-                <i
-                  className="fas fa-cog has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small
-              className="level-item"
-            >
-              <time
-                className="DateElement-sc-1schp8c-0 gkptML"
-                title="2020-03-23 09:26:01"
-              >
-                3 days ago
-              </time>
-            </small>
-          </div>
+            The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
+          </p>
         </div>
       </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
       <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/branches/"
+            onClick={[Function]}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.branches"
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-code-branch has-text-inherit fa-lg"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/tags/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.tags"
+            >
+              <i
+                className="fas fa-tags has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/changesets/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.commits"
+            >
+              <i
+                className="fas fa-exchange-alt has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/sources/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.sources"
+            >
+              <i
+                className="fas fa-code has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/settings/general"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.settings"
+            >
+              <i
+                className="fas fa-cog has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <small
+            className="level-item"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            <time
+              className="DateElement-sc-1schp8c-0 gkptML"
+              title="2020-03-23 09:26:01"
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+              3 days ago
+            </time>
+          </small>
         </div>
       </div>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </article>
+</div>
 `;
 
 exports[`Storyshots RepositoryEntry Exporting 1`] = `
-Array [
-  <div
-    className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+<div
+  className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+>
+  <a
+    className="overlay-column"
+    href="/repo/hitchhiker/heartOfGold"
+    onClick={[Function]}
+  />
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
   >
-    <a
-      className="overlay-column"
-      href="/repo/hitchhiker/heartOfGold"
-      onClick={[Function]}
-    />
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+    <figure
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
     >
-      <figure
-        className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
+      <p
+        className="image is-64x64"
       >
-        <p
-          className="image is-64x64"
-        >
-          <img
-            alt="Logo"
-            src="test-file-stub"
-          />
-        </p>
-      </figure>
+        <img
+          alt="Logo"
+          src="test-file-stub"
+        />
+      </p>
+    </figure>
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
       <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+        className="is-flex"
       >
         <div
-          className="is-flex"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
         >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+          <p
+            className="shorten-text is-marginless"
           >
-            <p
-              className="shorten-text is-marginless"
+            <strong>
+              heartOfGold
+            </strong>
+             
+            <span
+              className="RepositoryEntry__RepositoryTag-sc-6jys82-0 cFBCjw"
+              title="exporting.tooltip"
             >
-              <strong>
-                heartOfGold
-              </strong>
-               
-              <span
-                className="RepositoryEntry__RepositoryTag-sc-6jys82-0 cFBCjw"
-                title="exporting.tooltip"
-              >
-                repository.exporting
-              </span>
-            </p>
-            <p
-              className="shorten-text"
-            >
-              The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+              repository.exporting
+            </span>
+          </p>
+          <p
+            className="shorten-text"
           >
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/branches/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.branches"
-              >
-                <i
-                  className="fas fa-code-branch has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/tags/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.tags"
-              >
-                <i
-                  className="fas fa-tags has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/changesets/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.commits"
-              >
-                <i
-                  className="fas fa-exchange-alt has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/sources/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.sources"
-              >
-                <i
-                  className="fas fa-code has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/settings/general"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.settings"
-              >
-                <i
-                  className="fas fa-cog has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small
-              className="level-item"
-            >
-              <time
-                className="DateElement-sc-1schp8c-0 gkptML"
-                title="2020-03-23 09:26:01"
-              >
-                3 days ago
-              </time>
-            </small>
-          </div>
+            The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
+          </p>
         </div>
       </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
       <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/branches/"
+            onClick={[Function]}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.branches"
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-code-branch has-text-inherit fa-lg"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/tags/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.tags"
+            >
+              <i
+                className="fas fa-tags has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/changesets/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.commits"
+            >
+              <i
+                className="fas fa-exchange-alt has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/sources/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.sources"
+            >
+              <i
+                className="fas fa-code has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/settings/general"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.settings"
+            >
+              <i
+                className="fas fa-cog has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <small
+            className="level-item"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            <time
+              className="DateElement-sc-1schp8c-0 gkptML"
+              title="2020-03-23 09:26:01"
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+              3 days ago
+            </time>
+          </small>
         </div>
       </div>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </article>
+</div>
 `;
 
 exports[`Storyshots RepositoryEntry MultiRepositoryTags 1`] = `
-Array [
-  <div
-    className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+<div
+  className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+>
+  <a
+    className="overlay-column"
+    href="/repo/hitchhiker/heartOfGold"
+    onClick={[Function]}
+  />
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
   >
-    <a
-      className="overlay-column"
-      href="/repo/hitchhiker/heartOfGold"
-      onClick={[Function]}
-    />
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+    <figure
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
     >
-      <figure
-        className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
+      <p
+        className="image is-64x64"
       >
-        <p
-          className="image is-64x64"
-        >
-          <img
-            alt="Logo"
-            src="test-file-stub"
-          />
-        </p>
-      </figure>
+        <img
+          alt="Logo"
+          src="test-file-stub"
+        />
+      </p>
+    </figure>
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
       <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+        className="is-flex"
       >
         <div
-          className="is-flex"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
         >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+          <p
+            className="shorten-text is-marginless"
           >
-            <p
-              className="shorten-text is-marginless"
+            <strong>
+              heartOfGold
+            </strong>
+             
+            <span
+              className="RepositoryEntry__RepositoryTag-sc-6jys82-0 cFBCjw"
+              title="archive.tooltip"
             >
-              <strong>
-                heartOfGold
-              </strong>
-               
-              <span
-                className="RepositoryEntry__RepositoryTag-sc-6jys82-0 cFBCjw"
-                title="archive.tooltip"
-              >
-                repository.archived
-              </span>
-              <span
-                className="RepositoryEntry__RepositoryTag-sc-6jys82-0 cFBCjw"
-                title="exporting.tooltip"
-              >
-                repository.exporting
-              </span>
-            </p>
-            <p
-              className="shorten-text"
+              repository.archived
+            </span>
+            <span
+              className="RepositoryEntry__RepositoryTag-sc-6jys82-0 cFBCjw"
+              title="exporting.tooltip"
             >
-              The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+              repository.exporting
+            </span>
+          </p>
+          <p
+            className="shorten-text"
           >
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/branches/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.branches"
-              >
-                <i
-                  className="fas fa-code-branch has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/tags/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.tags"
-              >
-                <i
-                  className="fas fa-tags has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/changesets/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.commits"
-              >
-                <i
-                  className="fas fa-exchange-alt has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/sources/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.sources"
-              >
-                <i
-                  className="fas fa-code has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/settings/general"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.settings"
-              >
-                <i
-                  className="fas fa-cog has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small
-              className="level-item"
-            >
-              <time
-                className="DateElement-sc-1schp8c-0 gkptML"
-                title="2020-03-23 09:26:01"
-              >
-                3 days ago
-              </time>
-            </small>
-          </div>
+            The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
+          </p>
         </div>
       </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
       <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/branches/"
+            onClick={[Function]}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.branches"
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-code-branch has-text-inherit fa-lg"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/tags/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.tags"
+            >
+              <i
+                className="fas fa-tags has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/changesets/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.commits"
+            >
+              <i
+                className="fas fa-exchange-alt has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/sources/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.sources"
+            >
+              <i
+                className="fas fa-code has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/settings/general"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.settings"
+            >
+              <i
+                className="fas fa-cog has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <small
+            className="level-item"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            <time
+              className="DateElement-sc-1schp8c-0 gkptML"
+              title="2020-03-23 09:26:01"
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+              3 days ago
+            </time>
+          </small>
         </div>
       </div>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </article>
+</div>
 `;
 
 exports[`Storyshots RepositoryEntry Quick Link EP 1`] = `
-Array [
-  <div
-    className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+<div
+  className="RepositoryEntrystories__Spacing-toppdg-0 iIzVNZ box box-link-shadow"
+>
+  <a
+    className="overlay-column"
+    href="/repo/hitchhiker/heartOfGold"
+    onClick={[Function]}
+  />
+  <article
+    className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
   >
-    <a
-      className="overlay-column"
-      href="/repo/hitchhiker/heartOfGold"
-      onClick={[Function]}
-    />
-    <article
-      className="CardColumn__NoEventWrapper-sc-1w6lsih-0 eUWboI media"
+    <figure
+      className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
     >
-      <figure
-        className="CardColumn__AvatarWrapper-sc-1w6lsih-1 lhzEPm media-left"
+      <p
+        className="image is-64x64"
       >
-        <p
-          className="image is-64x64"
-        >
-          <img
-            alt="Logo"
-            src="/images/blib.jpg"
-          />
-        </p>
-      </figure>
+        <img
+          alt="Logo"
+          src="/images/blib.jpg"
+        />
+      </p>
+    </figure>
+    <div
+      className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+    >
       <div
-        className="CardColumn__FlexFullHeight-sc-1w6lsih-2 hWRPir media-content text-box is-flex"
+        className="is-flex"
       >
         <div
-          className="is-flex"
+          className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
         >
-          <div
-            className="CardColumn__ContentLeft-sc-1w6lsih-4 iRVRBC content"
+          <p
+            className="shorten-text is-marginless"
           >
-            <p
-              className="shorten-text is-marginless"
-            >
-              <strong>
-                heartOfGold
-              </strong>
-               
-            </p>
-            <p
-              className="shorten-text"
-            >
-              The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
-            </p>
-          </div>
-        </div>
-        <div
-          className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
-        >
-          <div
-            className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
+            <strong>
+              heartOfGold
+            </strong>
+             
+          </p>
+          <p
+            className="shorten-text"
           >
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/branches/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.branches"
-              >
-                <i
-                  className="fas fa-code-branch has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/tags/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.tags"
-              >
-                <i
-                  className="fas fa-tags has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/changesets/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.commits"
-              >
-                <i
-                  className="fas fa-exchange-alt has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/code/sources/"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.sources"
-              >
-                <i
-                  className="fas fa-code has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-            <a
-              className="level-item"
-            >
-              <i
-                className="fas fa-fas fa-code-branch fa-rotate-180 fa-fw has-text-inherit fa-lg"
-              />
-            </a>
-            <a
-              className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
-              href="/repo/hitchhiker/heartOfGold/settings/general"
-              onClick={[Function]}
-            >
-              <span
-                className="tooltip has-tooltip-top"
-                data-tooltip="repositoryRoot.tooltip.settings"
-              >
-                <i
-                  className="fas fa-cog has-text-inherit fa-lg"
-                />
-              </span>
-            </a>
-          </div>
-          <div
-            className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
-          >
-            <small
-              className="level-item"
-            >
-              <time
-                className="DateElement-sc-1schp8c-0 gkptML"
-                title="2020-03-23 09:26:01"
-              >
-                3 days ago
-              </time>
-            </small>
-          </div>
+            The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
+          </p>
         </div>
       </div>
-    </article>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
       <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+        className="CardColumn__FooterWrapper-sc-1w6lsih-3 hzknmV level is-flex"
       >
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="CardColumn__RightMarginDiv-sc-1w6lsih-6 bnJfDV level-left is-hidden-mobile"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/branches/"
+            onClick={[Function]}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.branches"
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
+              <i
+                className="fas fa-code-branch has-text-inherit fa-lg"
               />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/tags/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.tags"
+            >
+              <i
+                className="fas fa-tags has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/changesets/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.commits"
+            >
+              <i
+                className="fas fa-exchange-alt has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/code/sources/"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.sources"
+            >
+              <i
+                className="fas fa-code has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
+          <a
+            className="level-item"
+          >
+            <i
+              className="fas fa-fas fa-code-branch fa-rotate-180 fa-fw has-text-inherit fa-lg"
+            />
+          </a>
+          <a
+            className="RepositoryEntryLink__PointerEventsLink-sc-1hpqj0w-0 iZuqoP level-item"
+            href="/repo/hitchhiker/heartOfGold/settings/general"
+            onClick={[Function]}
+          >
+            <span
+              className="tooltip has-tooltip-top"
+              data-tooltip="repositoryRoot.tooltip.settings"
+            >
+              <i
+                className="fas fa-cog has-text-inherit fa-lg"
+              />
+            </span>
+          </a>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="CardColumn__InheritFlexShrinkDiv-sc-1w6lsih-7 kdhCxo level-right is-block is-mobile is-marginless shorten-text"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <small
+            className="level-item"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            <time
+              className="DateElement-sc-1schp8c-0 gkptML"
+              title="2020-03-23 09:26:01"
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+              3 days ago
+            </time>
+          </small>
         </div>
       </div>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+  </article>
+</div>
 `;
 
 exports[`Storyshots SplitAndReplace Simple replacement 1`] = `
@@ -118040,568 +56895,56 @@ Array [
       className="fas fa-quote-right has-text-grey-light"
     />
   </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
 ]
 `;
 
 exports[`Storyshots SyntaxHighlighter Go 1`] = `
-Array [
-  <div
-    className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
-  >
-    <div>
-      <pre
+<div
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
+>
+  <div>
+    <pre
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
+      <code
+        className="language-go"
         style={
           Object {
             "MozHyphens": "none",
             "MozTabSize": "4",
             "OTabSize": "4",
             "WebkitHyphens": "none",
-            "background": "#ffffff",
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
             "fontSize": "13px",
             "hyphens": "none",
             "lineHeight": "1.5",
-            "margin": ".5em 0",
             "msHyphens": "none",
-            "overflow": "auto",
-            "padding": "1em",
             "tabSize": "4",
             "textAlign": "left",
             "textShadow": "none",
@@ -118611,1886 +56954,1349 @@ Array [
           }
         }
       >
-        <code
-          className="language-go"
-          style={
-            Object {
-              "MozHyphens": "none",
-              "MozTabSize": "4",
-              "OTabSize": "4",
-              "WebkitHyphens": "none",
-              "color": "#363636",
-              "direction": "ltr",
-              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
-              "hyphens": "none",
-              "lineHeight": "1.5",
-              "msHyphens": "none",
-              "tabSize": "4",
-              "textAlign": "left",
-              "textShadow": "none",
-              "whiteSpace": "pre",
-              "wordBreak": "normal",
-              "wordSpacing": "normal",
-            }
-          }
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-1"
         >
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-1"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            1
+          </span>
+          <span
+            style={Object {}}
           >
             <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
             >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              1
+              package
             </span>
             <span
               style={Object {}}
             >
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                package
-              </span>
-              <span
-                style={Object {}}
-              >
-                 main
+               main
 
-              </span>
             </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-2"
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-2"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
+            <i
+              className="fas fa-link has-text-grey-light"
               onClick={[Function]}
-            >
-              2
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-3"
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              3
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-4"
+            2
+          </span>
+          <span
+            style={Object {}}
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              4
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "fmt"
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-5"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              5
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "net/http"
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-6"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              6
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-7"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              7
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-8"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              8
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                func
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                main
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-9"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              9
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  http
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                HandleFunc
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "/"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                func
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                style={Object {}}
-              >
-                w http
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                ResponseWriter
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 r 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                http
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                Request
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-10"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              10
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    fmt
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                Fprintf
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                style={Object {}}
-              >
-                w
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "Welcome to my website!"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-11"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              11
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-12"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              12
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-13"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              13
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  fs 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                :=
-              </span>
-              <span
-                style={Object {}}
-              >
-                 http
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                FileServer
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                style={Object {}}
-              >
-                http
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                Dir
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "static/"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-14"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              14
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  http
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                Handle
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "/static/"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 http
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                StripPrefix
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "/static/"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 fs
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-15"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              15
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-16"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              16
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  http
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                ListenAndServe
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                ":80"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                nil
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-17"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              17
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-18"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              18
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-        </code>
-      </pre>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
+
+          </span>
+        </div>
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-3"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            3
+          </span>
+          <span
+            style={Object {}}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              style={Object {}}
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
+              
             </span>
-            <div
+            <span
+              className="token"
               style={
                 Object {
-                  "alignItems": "center",
-                  "display": "flex",
+                  "color": "#00a984",
                 }
               }
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
+              import
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
                 }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+              }
+            >
+              (
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-4"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
           >
-            <div
+            4
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
               style={
                 Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
+                  "color": "#005f9a",
                 }
               }
-              suppressHydrationWarning={true}
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
+              "fmt"
+            </span>
+            <span
+              style={Object {}}
             >
-              "index"
-            </code>
-          </div>
+              
+
+            </span>
+          </span>
         </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-5"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            5
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              "net/http"
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-6"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            6
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-7"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            7
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-8"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            8
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              func
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              main
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              {
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-9"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            9
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                http
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              HandleFunc
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              "/"
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              func
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              style={Object {}}
+            >
+              w http
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              ResponseWriter
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               r 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+              http
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              Request
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              {
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-10"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            10
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  fmt
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              Fprintf
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              style={Object {}}
+            >
+              w
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              "Welcome to my website!"
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-11"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            11
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              }
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-12"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            12
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-13"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            13
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                fs 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              :=
+            </span>
+            <span
+              style={Object {}}
+            >
+               http
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              FileServer
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              style={Object {}}
+            >
+              http
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              Dir
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              "static/"
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-14"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            14
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                http
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              Handle
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              "/static/"
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               http
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              StripPrefix
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              "/static/"
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               fs
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-15"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            15
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-16"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            16
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                http
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              ListenAndServe
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              ":80"
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#2c99c7",
+                }
+              }
+            >
+              nil
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-17"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            17
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              }
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-18"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            18
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+      </code>
+    </pre>
+  </div>
+</div>
 `;
 
 exports[`Storyshots SyntaxHighlighter Java 1`] = `
-Array [
-  <div
-    className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
-  >
-    <div>
-      <pre
+<div
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
+>
+  <div>
+    <pre
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
+      <code
+        className="language-java"
         style={
           Object {
             "MozHyphens": "none",
             "MozTabSize": "4",
             "OTabSize": "4",
             "WebkitHyphens": "none",
-            "background": "#ffffff",
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
             "fontSize": "13px",
             "hyphens": "none",
             "lineHeight": "1.5",
-            "margin": ".5em 0",
             "msHyphens": "none",
-            "overflow": "auto",
-            "padding": "1em",
             "tabSize": "4",
             "textAlign": "left",
             "textShadow": "none",
@@ -120500,3387 +58306,91 @@ Array [
           }
         }
       >
-        <code
-          className="language-java"
-          style={
-            Object {
-              "MozHyphens": "none",
-              "MozTabSize": "4",
-              "OTabSize": "4",
-              "WebkitHyphens": "none",
-              "color": "#363636",
-              "direction": "ltr",
-              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
-              "hyphens": "none",
-              "lineHeight": "1.5",
-              "msHyphens": "none",
-              "tabSize": "4",
-              "textAlign": "left",
-              "textShadow": "none",
-              "whiteSpace": "pre",
-              "wordBreak": "normal",
-              "wordSpacing": "normal",
-            }
-          }
-        >
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-1"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              1
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                package
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                com
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                example
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
+        package com.example;
 
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-2"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              2
-            </span>
-            <span
-              style={Object {}}
-            >
-              
+import java.io.IOException;
+import java.io.OutputStream;
+import java.net.InetSocketAddress;
 
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-3"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              3
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                java
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                io
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                IOException
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
+import com.sun.net.httpserver.HttpExchange;
+import com.sun.net.httpserver.HttpHandler;
+import com.sun.net.httpserver.HttpServer;
 
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-4"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              4
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                java
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                io
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                OutputStream
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
+public class Test {
 
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-5"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              5
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                java
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                net
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                InetSocketAddress
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
+  public static void main(String[] args) throws Exception {
+    HttpServer server = HttpServer.create(new InetSocketAddress(8000), 0);
+    server.createContext("/test", new MyHandler());
+    server.setExecutor(null); // creates a default executor
+    server.start();
+  }
 
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-6"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              6
-            </span>
-            <span
-              style={Object {}}
-            >
-              
+  static class MyHandler implements HttpHandler {
+    @Override
+    public void handle(HttpExchange t) throws IOException {
+      String response = "This is the response";
+      t.sendResponseHeaders(200, response.length());
+      OutputStream os = t.getResponseBody();
+      os.write(response.getBytes());
+      os.close();
+    }
+  }
 
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-7"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              7
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                com
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                sun
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                net
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                httpserver
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpExchange
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
+}
 
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-8"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              8
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                com
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                sun
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                net
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                httpserver
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpHandler
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-9"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              9
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                com
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                sun
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                net
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                httpserver
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpServer
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-10"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              10
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-11"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              11
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                public
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                class
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                Test
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-12"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              12
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-13"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              13
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                public
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                static
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                void
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                main
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                String
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ]
-              </span>
-              <span
-                style={Object {}}
-              >
-                 args
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                throws
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                Exception
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-14"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              14
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpServer
-              </span>
-              <span
-                style={Object {}}
-              >
-                 server 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                =
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpServer
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                create
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                new
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                InetSocketAddress
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                8000
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                0
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-15"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              15
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    server
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                createContext
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "/test"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                new
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                MyHandler
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-16"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              16
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    server
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                setExecutor
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                null
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                // creates a default executor
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-17"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              17
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    server
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                start
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-18"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              18
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-19"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              19
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-20"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              20
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                static
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                class
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                MyHandler
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                implements
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpHandler
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-21"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              21
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token annotation"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                @Override
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-22"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              22
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                public
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                void
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                handle
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpExchange
-              </span>
-              <span
-                style={Object {}}
-              >
-                 t
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                throws
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                IOException
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-23"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              23
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                String
-              </span>
-              <span
-                style={Object {}}
-              >
-                 response 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                =
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "This is the response"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-24"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              24
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      t
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                sendResponseHeaders
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                200
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 response
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                length
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-25"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              25
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                OutputStream
-              </span>
-              <span
-                style={Object {}}
-              >
-                 os 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                =
-              </span>
-              <span
-                style={Object {}}
-              >
-                 t
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                getResponseBody
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-26"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              26
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      os
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                write
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                style={Object {}}
-              >
-                response
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                getBytes
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-27"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              27
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      os
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                close
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-28"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              28
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-29"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              29
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-30"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              30
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-31"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              31
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-32"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              32
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-        </code>
-      </pre>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+      </code>
+    </pre>
+  </div>
+</div>
 `;
 
 exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
-Array [
-  <div
-    className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
-  >
-    <div>
-      <pre
+<div
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
+>
+  <div>
+    <pre
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
+      <code
+        className="language-javascript"
         style={
           Object {
             "MozHyphens": "none",
             "MozTabSize": "4",
             "OTabSize": "4",
             "WebkitHyphens": "none",
-            "background": "#ffffff",
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
             "fontSize": "13px",
             "hyphens": "none",
             "lineHeight": "1.5",
-            "margin": ".5em 0",
             "msHyphens": "none",
-            "overflow": "auto",
-            "padding": "1em",
             "tabSize": "4",
             "textAlign": "left",
             "textShadow": "none",
@@ -123890,158 +58400,107 @@ Array [
           }
         }
       >
-        <code
-          className="language-javascript"
-          style={
-            Object {
-              "MozHyphens": "none",
-              "MozTabSize": "4",
-              "OTabSize": "4",
-              "WebkitHyphens": "none",
-              "color": "#363636",
-              "direction": "ltr",
-              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
-              "hyphens": "none",
-              "lineHeight": "1.5",
-              "msHyphens": "none",
-              "tabSize": "4",
-              "textAlign": "left",
-              "textShadow": "none",
-              "whiteSpace": "pre",
-              "wordBreak": "normal",
-              "wordSpacing": "normal",
-            }
-          }
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-1"
         >
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-1"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            1
+          </span>
+          <span
+            style={Object {}}
           >
             <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
             >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              1
+              var
             </span>
             <span
               style={Object {}}
             >
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                var
-              </span>
-              <span
-                style={Object {}}
-              >
-                 http 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                =
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                require
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                'http'
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-2"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
+               http 
             </span>
             <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
             >
-              2
+              =
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              require
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              'http'
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
             </span>
             <span
               style={Object {}}
@@ -124049,1196 +58508,710 @@ Array [
               
 
             </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-3"
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-2"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
+            <i
+              className="fas fa-link has-text-grey-light"
               onClick={[Function]}
-            >
-              3
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                http
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token method property-access"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                createServer
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                function
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token parameter"
-                style={Object {}}
-              >
-                req
-              </span>
-              <span
-                className="token parameter"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                className="token parameter"
-                style={Object {}}
-              >
-                 res
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-4"
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              4
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  res
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token method property-access"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                writeHead
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                200
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                'Content-Type'
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                :
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                'text/plain'
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-5"
+            2
+          </span>
+          <span
+            style={Object {}}
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              5
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  res
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token method property-access"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                write
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                'Hello World!'
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-6"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              6
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  res
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token method property-access"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                end
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-7"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              7
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token method property-access"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                listen
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                8080
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-8"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              8
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-        </code>
-      </pre>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
+
+          </span>
+        </div>
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-3"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            3
+          </span>
+          <span
+            style={Object {}}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              style={Object {}}
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
+              http
             </span>
-            <div
+            <span
+              className="token"
               style={
                 Object {
-                  "alignItems": "center",
-                  "display": "flex",
+                  "color": "#9a9a9a",
                 }
               }
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
+              .
+            </span>
+            <span
+              className="token method property-access"
+              style={
+                Object {
+                  "color": "#ff3860",
                 }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
+              }
+            >
+              createServer
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
                 }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
                 }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+              }
+            >
+              function
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token parameter"
+              style={Object {}}
+            >
+              req
+            </span>
+            <span
+              className="token parameter"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              className="token parameter"
+              style={Object {}}
+            >
+               res
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              {
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-4"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
           >
-            <div
+            4
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                res
+            </span>
+            <span
+              className="token"
               style={
                 Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
+                  "color": "#9a9a9a",
                 }
               }
-              suppressHydrationWarning={true}
             >
-              0
-            </div>
-            <code
+              .
+            </span>
+            <span
+              className="token method property-access"
               style={
                 Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
+                  "color": "#ff3860",
                 }
               }
-              suppressHydrationWarning={true}
             >
-              "index"
-            </code>
-          </div>
+              writeHead
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#2c99c7",
+                }
+              }
+            >
+              200
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              {
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              'Content-Type'
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              :
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              'text/plain'
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              }
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
         </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-5"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            5
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                res
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token method property-access"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              write
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              'Hello World!'
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-6"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            6
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                res
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token method property-access"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              end
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-7"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            7
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              }
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token method property-access"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              listen
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#2c99c7",
+                }
+              }
+            >
+              8080
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-8"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            8
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+      </code>
+    </pre>
+  </div>
+</div>
 `;
 
 exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
-Array [
-  <div
-    className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
-  >
-    <div>
-      <pre
+<div
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
+>
+  <div>
+    <pre
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
+      <code
+        className="language-markdown"
         style={
           Object {
             "MozHyphens": "none",
             "MozTabSize": "4",
             "OTabSize": "4",
             "WebkitHyphens": "none",
-            "background": "#ffffff",
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
             "fontSize": "13px",
             "hyphens": "none",
             "lineHeight": "1.5",
-            "margin": ".5em 0",
             "msHyphens": "none",
-            "overflow": "auto",
-            "padding": "1em",
             "tabSize": "4",
             "textAlign": "left",
             "textShadow": "none",
@@ -125248,8451 +59221,7914 @@ Array [
           }
         }
       >
-        <code
-          className="language-markdown"
-          style={
-            Object {
-              "MozHyphens": "none",
-              "MozTabSize": "4",
-              "OTabSize": "4",
-              "WebkitHyphens": "none",
-              "color": "#363636",
-              "direction": "ltr",
-              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
-              "hyphens": "none",
-              "lineHeight": "1.5",
-              "msHyphens": "none",
-              "tabSize": "4",
-              "textAlign": "left",
-              "textShadow": "none",
-              "whiteSpace": "pre",
-              "wordBreak": "normal",
-              "wordSpacing": "normal",
-            }
-          }
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-1"
         >
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-1"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            1
+          </span>
+          <span
+            style={Object {}}
           >
             <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
             >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
+              #
             </span>
             <span
-              className="linenumber react-syntax-highlighter-line-number"
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               &lt;a name="top"&gt;&lt;/a&gt;Markdown Test Page
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-2"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
               onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            2
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-3"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            3
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Headings
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#Headings)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-4"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            4
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Paragraphs
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#Paragraphs)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-5"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            5
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Blockquotes
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#Blockquotes)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-6"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            6
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Lists
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#Lists)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-7"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            7
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Horizontal rule
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#Horizontal)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-8"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            8
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Table
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#Table)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-9"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            9
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Code
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#Code)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-10"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            10
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Inline elements
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#Inline)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-11"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            11
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-12"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            12
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token hr"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ***
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-13"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            13
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-14"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            14
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               &lt;a name="Headings"&gt;&lt;/a&gt;Headings
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-15"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            15
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-16"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            16
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Heading one
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-17"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            17
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-18"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            18
+          </span>
+          <span
+            style={Object {}}
+          >
+            Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat commodo id sunt. Nostrud enim ad commodo incididunt cupidatat in ullamco ullamco Lorem cupidatat velit enim et Lorem. Ut laborum cillum laboris fugiat culpa sint irure do reprehenderit culpa occaecat. Exercitation esse mollit tempor magna aliqua in occaecat aliquip veniam reprehenderit nisi dolor in laboris dolore velit.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-19"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            19
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-20"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            20
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              ##
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Heading two
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-21"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            21
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-22"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            22
+          </span>
+          <span
+            style={Object {}}
+          >
+            Aute officia nulla deserunt do deserunt cillum velit magna. Officia veniam culpa anim minim dolore labore pariatur voluptate id ad est duis quis velit dolor pariatur enim. Incididunt enim excepteur do veniam consequat culpa do voluptate dolor fugiat ad adipisicing sit. Labore officia est adipisicing dolore proident eiusmod exercitation deserunt ullamco anim do occaecat velit. Elit dolor consectetur proident sunt aliquip est do tempor quis aliqua culpa aute. Duis in tempor exercitation pariatur et adipisicing mollit irure tempor ut enim esse commodo laboris proident. Do excepteur laborum anim esse aliquip eu sit id Lorem incididunt elit irure ea nulla dolor et. Nulla amet fugiat qui minim deserunt enim eu cupidatat aute officia do velit ea reprehenderit.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-23"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            23
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-24"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            24
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              ###
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Heading three
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-25"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            25
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-26"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            26
+          </span>
+          <span
+            style={Object {}}
+          >
+            Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint. Adipisicing ipsum consectetur proident ullamco magna sit amet aliqua aute fugiat laborum exercitation duis et.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-27"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            27
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-28"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            28
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              ####
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Heading four
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-29"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            29
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-30"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            30
+          </span>
+          <span
+            style={Object {}}
+          >
+            Commodo fugiat aliqua minim quis pariatur mollit id tempor. Non occaecat minim esse enim aliqua adipisicing nostrud duis consequat eu adipisicing qui. Minim aliquip sit excepteur ipsum consequat laborum pariatur excepteur. Veniam fugiat et amet ad elit anim laborum duis mollit occaecat et et ipsum et reprehenderit. Occaecat aliquip dolore adipisicing sint labore occaecat officia fugiat. Quis adipisicing exercitation exercitation eu amet est laboris sunt nostrud ipsum reprehenderit ullamco. Enim sint ut consectetur id anim aute voluptate exercitation mollit dolore magna magna est Lorem. Ut adipisicing adipisicing aliqua ullamco voluptate labore nisi tempor esse magna incididunt.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-31"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            31
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-32"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            32
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #####
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Heading five
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-33"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            33
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-34"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            34
+          </span>
+          <span
+            style={Object {}}
+          >
+            Veniam enim esse amet veniam deserunt laboris amet enim consequat. Minim nostrud deserunt cillum consectetur commodo eu enim nostrud ullamco occaecat excepteur. Aliquip et ut est commodo enim dolor amet sint excepteur. Amet ad laboris laborum deserunt sint sunt aliqua commodo ex duis deserunt enim est ex labore ut. Duis incididunt velit adipisicing non incididunt adipisicing adipisicing. Ad irure duis nisi tempor eu dolor fugiat magna et consequat tempor eu ex dolore. Mollit esse nisi qui culpa ut nisi ex proident culpa cupidatat cillum culpa occaecat anim. Ut officia sit ea nisi ea excepteur nostrud ipsum et nulla.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-35"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            35
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-36"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            36
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              ######
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Heading six
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-37"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            37
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-38"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            38
+          </span>
+          <span
+            style={Object {}}
+          >
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-39"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            39
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-40"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            40
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-41"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            41
+          </span>
+          <span
+            style={Object {}}
+          >
+            [[Top]](#top)
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-42"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            42
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-43"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            43
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               &lt;a name="Paragraphs"&gt;&lt;/a&gt;Paragraphs
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-44"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            44
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-45"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            45
+          </span>
+          <span
+            style={Object {}}
+          >
+            Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum. Do laboris laboris minim incididunt qui consectetur exercitation adipisicing dolore et magna consequat magna anim sunt. Officia fugiat Lorem sunt pariatur incididunt Lorem reprehenderit proident irure. Dolore ipsum aliqua mollit ad officia fugiat sit eu aliquip cupidatat ipsum duis laborum laborum fugiat esse. Voluptate anim ex dolore deserunt ea ex eiusmod irure. Occaecat excepteur aliqua exercitation aliquip dolor esse eu eu.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-46"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            46
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-47"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            47
+          </span>
+          <span
+            style={Object {}}
+          >
+            Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-48"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            48
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-49"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            49
+          </span>
+          <span
+            style={Object {}}
+          >
+            Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in. Ex labore nulla velit officia ullamco Lorem Lorem id do. Dolore ullamco ipsum magna dolor pariatur voluptate ipsum id occaecat ipsum. Dolore tempor quis duis commodo quis quis enim.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-50"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            50
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-51"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            51
+          </span>
+          <span
+            style={Object {}}
+          >
+            [[Top]](#top)
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-52"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            52
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-53"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            53
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               &lt;a name="Blockquotes"&gt;&lt;/a&gt;Blockquotes
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-54"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            54
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-55"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            55
+          </span>
+          <span
+            style={Object {}}
+          >
+            Ad nisi laborum aute cupidatat magna deserunt eu id laboris id. Aliquip nulla cupidatat sint ex Lorem mollit laborum dolor amet est ut esse aute. Nostrud ex consequat id incididunt proident ipsum minim duis aliqua ut ex et ad quis. Laborum sint esse cillum anim nulla cillum consectetur aliqua sit. Nisi excepteur cillum labore amet excepteur commodo enim occaecat consequat ipsum proident exercitation duis id in.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-56"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            56
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-57"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            57
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token blockquote"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              &gt;
+            </span>
+            <span
+              style={Object {}}
+            >
+               Ipsum et cupidatat mollit exercitation enim duis sunt irure aliqua reprehenderit mollit. Pariatur Lorem pariatur laboris do culpa do elit irure. Eiusmod amet nulla voluptate velit culpa et aliqua ad reprehenderit sit ut.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-58"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            58
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-59"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            59
+          </span>
+          <span
+            style={Object {}}
+          >
+            Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit. Dolore ad esse commodo et dolore amet est velit ut nisi ea. Excepteur ea nulla commodo dolore anim dolore adipisicing eiusmod labore id enim esse quis mollit deserunt est. Minim ea culpa voluptate nostrud commodo proident in duis aliquip minim.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-60"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            60
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-61"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            61
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token blockquote"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              &gt;
+            </span>
+            <span
+              style={Object {}}
+            >
+               Qui est sit et reprehenderit aute est esse enim aliqua id aliquip ea anim. Pariatur sint reprehenderit mollit velit voluptate enim consectetur sint enim. Quis exercitation proident elit non id qui culpa dolore esse aliquip consequat.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-62"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            62
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-63"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            63
+          </span>
+          <span
+            style={Object {}}
+          >
+            Ipsum excepteur cupidatat sunt minim ad eiusmod tempor sit.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-64"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            64
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-65"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            65
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token blockquote"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              &gt;
+            </span>
+            <span
+              style={Object {}}
+            >
+               Deserunt excepteur adipisicing culpa pariatur cillum laboris ullamco nisi fugiat cillum officia. In cupidatat nulla aliquip tempor ad Lorem Lorem quis voluptate officia consectetur pariatur ex in est duis. Mollit id esse est elit exercitation voluptate nostrud nisi laborum magna dolore dolore tempor in est consectetur.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-66"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            66
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-67"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            67
+          </span>
+          <span
+            style={Object {}}
+          >
+            Adipisicing voluptate ipsum culpa voluptate id aute laboris labore esse fugiat veniam ullamco occaecat do ut. Tempor et esse reprehenderit veniam proident ipsum irure sit ullamco et labore ea excepteur nulla labore ut. Ex aute minim quis tempor in eu id id irure ea nostrud dolor esse.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-68"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            68
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-69"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            69
+          </span>
+          <span
+            style={Object {}}
+          >
+            [[Top]](#top)
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-70"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            70
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-71"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            71
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               &lt;a name="Lists"&gt;&lt;/a&gt;Lists
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-72"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            72
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-73"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            73
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              ###
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Ordered List
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-74"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            74
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-75"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            75
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              1.
+            </span>
+            <span
+              style={Object {}}
+            >
+               Longan
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-76"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            76
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              2.
+            </span>
+            <span
+              style={Object {}}
+            >
+               Lychee
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-77"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            77
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              3.
+            </span>
+            <span
+              style={Object {}}
+            >
+               Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-78"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            78
+          </span>
+          <span
+            style={Object {}}
+          >
+                Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip aliquip velit pariatur dolore.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-79"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            79
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              4.
+            </span>
+            <span
+              style={Object {}}
+            >
+               Marionberry
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-80"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            80
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              5.
+            </span>
+            <span
+              style={Object {}}
+            >
+               Melon
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-81"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            81
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Cantaloupe
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-82"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            82
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Honeydew
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-83"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            83
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Watermelon
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-84"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            84
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              6.
+            </span>
+            <span
+              style={Object {}}
+            >
+               Miracle fruit
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-85"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            85
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              7.
+            </span>
+            <span
+              style={Object {}}
+            >
+               Mulberry
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-86"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            86
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-87"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            87
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              ###
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Unordered List
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-88"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            88
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-89"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            89
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Olive
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-90"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            90
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Orange
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-91"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            91
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Blood orange
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-92"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            92
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Clementine
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-93"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            93
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Papaya
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-94"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            94
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-95"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            95
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token list"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              -
+            </span>
+            <span
+              style={Object {}}
+            >
+               Passionfruit
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-96"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            96
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-97"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            97
+          </span>
+          <span
+            style={Object {}}
+          >
+            [[Top]](#top)
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-98"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            98
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-99"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            99
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               &lt;a name="Horizontal"&gt;&lt;/a&gt;Horizontal rule
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-100"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            100
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-101"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            101
+          </span>
+          <span
+            style={Object {}}
+          >
+            In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit. Irure ad commodo eu voluptate mollit cillum cupidatat veniam proident amet minim reprehenderit.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-102"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            102
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-103"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            103
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token hr"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ***
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-104"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            104
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-105"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            105
+          </span>
+          <span
+            style={Object {}}
+          >
+            In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi. Dolor amet cillum excepteur consequat sint non sint.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-106"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            106
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-107"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            107
+          </span>
+          <span
+            style={Object {}}
+          >
+            [[Top]](#top)
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-108"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            108
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-109"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            109
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               &lt;a name="Table"&gt;&lt;/a&gt;Table
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-110"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            110
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-111"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            111
+          </span>
+          <span
+            style={Object {}}
+          >
+            Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat. Laboris amet ea occaecat duis eu enim exercitation deserunt ea laborum occaecat reprehenderit. Et incididunt dolor commodo consequat mollit nisi proident non pariatur in et incididunt id. Eu ut et Lorem ea ex magna minim ipsum ipsum do.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-112"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            112
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-113"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            113
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token table table-header-row"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-header-row table-header"
+              style={Object {}}
+            >
+               Table Heading 1 
+            </span>
+            <span
+              className="token table table-header-row"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-header-row table-header"
+              style={Object {}}
+            >
+               Table Heading 2 
+            </span>
+            <span
+              className="token table table-header-row"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-header-row table-header"
+              style={Object {}}
+            >
+               Center align    
+            </span>
+            <span
+              className="token table table-header-row"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-header-row table-header"
+              style={Object {}}
+            >
+               Right align     
+            </span>
+            <span
+              className="token table table-header-row"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-header-row table-header"
+              style={Object {}}
+            >
+               Table Heading 5 
+            </span>
+            <span
+              className="token table table-header-row"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-header-row"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-114"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            114
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token table table-header-row"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              :--------------
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              :--------------
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              :-------------:
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              --------------:
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              :--------------
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token table table-line"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-115"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            115
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token table table-line"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 1          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 2          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 3          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 4          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 5          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-116"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            116
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 1          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 2          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 3          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 4          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 5          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-117"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            117
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 1          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 2          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 3          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 4          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 5          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-118"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            118
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 1          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 2          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 3          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 4          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 5          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-119"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            119
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 1          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 2          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 3          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 4          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows table-data"
+              style={Object {}}
+            >
+               Item 5          
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              |
+            </span>
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-120"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            120
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token table table-data-rows"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-121"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            121
+          </span>
+          <span
+            style={Object {}}
+          >
+            Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris. Cillum dolore labore Lorem deserunt mollit voluptate esse incididunt ex dolor.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-122"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            122
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-123"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            123
+          </span>
+          <span
+            style={Object {}}
+          >
+            [[Top]](#top)
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-124"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            124
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-125"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            125
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               &lt;a name="Code"&gt;&lt;/a&gt;Code
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-126"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            126
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-127"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            127
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              ##
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Inline code
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-128"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            128
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-129"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            129
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est 
+            </span>
+            <span
+              className="token code"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              \`code in text\`
+            </span>
+            <span
+              style={Object {}}
+            >
+               velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna 
+            </span>
+            <span
+              className="token code"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              \`&lt;strong&gt;in culpa qui officia&lt;/strong&gt;\`
+            </span>
+            <span
+              style={Object {}}
+            >
+               dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-130"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            130
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-131"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            131
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              ##
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               Highlighted
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-132"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            132
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-133"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            133
+          </span>
+          <span
+            style={Object {}}
+          >
+            Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet id excepteur Lorem aliquip sit irure veniam laborum duis cillum. Aliqua occaecat minim cillum deserunt magna sunt laboris do do irure ea nostrud consequat ut voluptate ex.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-134"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            134
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-135"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            135
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token code"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              \`\`\`
+            </span>
+            <span
+              className="token code code-language"
+              style={Object {}}
+            >
+              go
+            </span>
+            <span
+              className="token code"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-136"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            136
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              package
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               main
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-137"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            137
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-138"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            138
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              import
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              (
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-139"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            139
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              "fmt"
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-140"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            140
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              "net/http"
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-141"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            141
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              )
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-142"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            142
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-143"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            143
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              func
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              handler
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              (
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              w http
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              .
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              ResponseWriter
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              ,
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               r 
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              *
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              http
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              .
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              Request
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              )
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              {
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-144"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            144
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+                  fmt
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              .
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              Fprintf
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              (
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              w
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              ,
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              "Hi there, I love %s!"
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              ,
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               r
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              .
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              URL
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              .
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              Path
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              [
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
             >
               1
             </span>
             <span
+              className="token code code-block language-go"
               style={Object {}}
             >
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 &lt;a name="top"&gt;&lt;/a&gt;Markdown Test Page
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-2"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              2
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-3"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              3
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Headings
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#Headings)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-4"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              4
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Paragraphs
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#Paragraphs)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-5"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              5
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Blockquotes
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#Blockquotes)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-6"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              6
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Lists
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#Lists)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-7"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              7
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Horizontal rule
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#Horizontal)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-8"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              8
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Table
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#Table)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-9"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              9
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Code
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#Code)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-10"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              10
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Inline elements
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#Inline)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-11"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              11
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-12"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              12
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token hr"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ***
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-13"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              13
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-14"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              14
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 &lt;a name="Headings"&gt;&lt;/a&gt;Headings
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-15"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              15
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-16"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              16
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Heading one
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-17"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              17
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-18"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              18
-            </span>
-            <span
-              style={Object {}}
-            >
-              Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat commodo id sunt. Nostrud enim ad commodo incididunt cupidatat in ullamco ullamco Lorem cupidatat velit enim et Lorem. Ut laborum cillum laboris fugiat culpa sint irure do reprehenderit culpa occaecat. Exercitation esse mollit tempor magna aliqua in occaecat aliquip veniam reprehenderit nisi dolor in laboris dolore velit.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-19"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              19
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-20"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              20
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                ##
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Heading two
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-21"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              21
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-22"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              22
-            </span>
-            <span
-              style={Object {}}
-            >
-              Aute officia nulla deserunt do deserunt cillum velit magna. Officia veniam culpa anim minim dolore labore pariatur voluptate id ad est duis quis velit dolor pariatur enim. Incididunt enim excepteur do veniam consequat culpa do voluptate dolor fugiat ad adipisicing sit. Labore officia est adipisicing dolore proident eiusmod exercitation deserunt ullamco anim do occaecat velit. Elit dolor consectetur proident sunt aliquip est do tempor quis aliqua culpa aute. Duis in tempor exercitation pariatur et adipisicing mollit irure tempor ut enim esse commodo laboris proident. Do excepteur laborum anim esse aliquip eu sit id Lorem incididunt elit irure ea nulla dolor et. Nulla amet fugiat qui minim deserunt enim eu cupidatat aute officia do velit ea reprehenderit.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-23"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              23
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-24"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              24
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                ###
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Heading three
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-25"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              25
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-26"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              26
-            </span>
-            <span
-              style={Object {}}
-            >
-              Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint. Adipisicing ipsum consectetur proident ullamco magna sit amet aliqua aute fugiat laborum exercitation duis et.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-27"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              27
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-28"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              28
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                ####
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Heading four
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-29"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              29
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-30"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              30
-            </span>
-            <span
-              style={Object {}}
-            >
-              Commodo fugiat aliqua minim quis pariatur mollit id tempor. Non occaecat minim esse enim aliqua adipisicing nostrud duis consequat eu adipisicing qui. Minim aliquip sit excepteur ipsum consequat laborum pariatur excepteur. Veniam fugiat et amet ad elit anim laborum duis mollit occaecat et et ipsum et reprehenderit. Occaecat aliquip dolore adipisicing sint labore occaecat officia fugiat. Quis adipisicing exercitation exercitation eu amet est laboris sunt nostrud ipsum reprehenderit ullamco. Enim sint ut consectetur id anim aute voluptate exercitation mollit dolore magna magna est Lorem. Ut adipisicing adipisicing aliqua ullamco voluptate labore nisi tempor esse magna incididunt.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-31"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              31
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-32"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              32
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #####
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Heading five
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-33"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              33
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-34"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              34
-            </span>
-            <span
-              style={Object {}}
-            >
-              Veniam enim esse amet veniam deserunt laboris amet enim consequat. Minim nostrud deserunt cillum consectetur commodo eu enim nostrud ullamco occaecat excepteur. Aliquip et ut est commodo enim dolor amet sint excepteur. Amet ad laboris laborum deserunt sint sunt aliqua commodo ex duis deserunt enim est ex labore ut. Duis incididunt velit adipisicing non incididunt adipisicing adipisicing. Ad irure duis nisi tempor eu dolor fugiat magna et consequat tempor eu ex dolore. Mollit esse nisi qui culpa ut nisi ex proident culpa cupidatat cillum culpa occaecat anim. Ut officia sit ea nisi ea excepteur nostrud ipsum et nulla.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-35"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              35
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-36"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              36
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                ######
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Heading six
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-37"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              37
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-38"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              38
-            </span>
-            <span
-              style={Object {}}
-            >
-              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-39"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              39
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-40"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              40
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-41"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              41
-            </span>
-            <span
-              style={Object {}}
-            >
-              [[Top]](#top)
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-42"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              42
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-43"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              43
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 &lt;a name="Paragraphs"&gt;&lt;/a&gt;Paragraphs
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-44"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              44
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-45"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              45
-            </span>
-            <span
-              style={Object {}}
-            >
-              Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum. Do laboris laboris minim incididunt qui consectetur exercitation adipisicing dolore et magna consequat magna anim sunt. Officia fugiat Lorem sunt pariatur incididunt Lorem reprehenderit proident irure. Dolore ipsum aliqua mollit ad officia fugiat sit eu aliquip cupidatat ipsum duis laborum laborum fugiat esse. Voluptate anim ex dolore deserunt ea ex eiusmod irure. Occaecat excepteur aliqua exercitation aliquip dolor esse eu eu.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-46"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              46
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-47"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              47
-            </span>
-            <span
-              style={Object {}}
-            >
-              Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-48"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              48
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-49"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              49
-            </span>
-            <span
-              style={Object {}}
-            >
-              Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in. Ex labore nulla velit officia ullamco Lorem Lorem id do. Dolore ullamco ipsum magna dolor pariatur voluptate ipsum id occaecat ipsum. Dolore tempor quis duis commodo quis quis enim.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-50"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              50
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-51"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              51
-            </span>
-            <span
-              style={Object {}}
-            >
-              [[Top]](#top)
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-52"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              52
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-53"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              53
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 &lt;a name="Blockquotes"&gt;&lt;/a&gt;Blockquotes
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-54"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              54
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-55"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              55
-            </span>
-            <span
-              style={Object {}}
-            >
-              Ad nisi laborum aute cupidatat magna deserunt eu id laboris id. Aliquip nulla cupidatat sint ex Lorem mollit laborum dolor amet est ut esse aute. Nostrud ex consequat id incididunt proident ipsum minim duis aliqua ut ex et ad quis. Laborum sint esse cillum anim nulla cillum consectetur aliqua sit. Nisi excepteur cillum labore amet excepteur commodo enim occaecat consequat ipsum proident exercitation duis id in.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-56"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              56
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-57"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              57
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token blockquote"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                &gt;
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Ipsum et cupidatat mollit exercitation enim duis sunt irure aliqua reprehenderit mollit. Pariatur Lorem pariatur laboris do culpa do elit irure. Eiusmod amet nulla voluptate velit culpa et aliqua ad reprehenderit sit ut.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-58"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              58
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-59"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              59
-            </span>
-            <span
-              style={Object {}}
-            >
-              Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit. Dolore ad esse commodo et dolore amet est velit ut nisi ea. Excepteur ea nulla commodo dolore anim dolore adipisicing eiusmod labore id enim esse quis mollit deserunt est. Minim ea culpa voluptate nostrud commodo proident in duis aliquip minim.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-60"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              60
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-61"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              61
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token blockquote"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                &gt;
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Qui est sit et reprehenderit aute est esse enim aliqua id aliquip ea anim. Pariatur sint reprehenderit mollit velit voluptate enim consectetur sint enim. Quis exercitation proident elit non id qui culpa dolore esse aliquip consequat.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-62"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              62
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-63"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              63
-            </span>
-            <span
-              style={Object {}}
-            >
-              Ipsum excepteur cupidatat sunt minim ad eiusmod tempor sit.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-64"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              64
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-65"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              65
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token blockquote"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                &gt;
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Deserunt excepteur adipisicing culpa pariatur cillum laboris ullamco nisi fugiat cillum officia. In cupidatat nulla aliquip tempor ad Lorem Lorem quis voluptate officia consectetur pariatur ex in est duis. Mollit id esse est elit exercitation voluptate nostrud nisi laborum magna dolore dolore tempor in est consectetur.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-66"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              66
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-67"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              67
-            </span>
-            <span
-              style={Object {}}
-            >
-              Adipisicing voluptate ipsum culpa voluptate id aute laboris labore esse fugiat veniam ullamco occaecat do ut. Tempor et esse reprehenderit veniam proident ipsum irure sit ullamco et labore ea excepteur nulla labore ut. Ex aute minim quis tempor in eu id id irure ea nostrud dolor esse.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-68"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              68
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-69"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              69
-            </span>
-            <span
-              style={Object {}}
-            >
-              [[Top]](#top)
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-70"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              70
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-71"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              71
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 &lt;a name="Lists"&gt;&lt;/a&gt;Lists
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-72"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              72
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-73"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              73
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                ###
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Ordered List
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-74"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              74
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-75"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              75
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                1.
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Longan
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-76"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              76
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                2.
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Lychee
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-77"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              77
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                3.
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-78"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              78
-            </span>
-            <span
-              style={Object {}}
-            >
-                  Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip aliquip velit pariatur dolore.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-79"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              79
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                4.
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Marionberry
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-80"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              80
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                5.
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Melon
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-81"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              81
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Cantaloupe
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-82"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              82
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Honeydew
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-83"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              83
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Watermelon
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-84"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              84
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                6.
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Miracle fruit
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-85"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              85
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                7.
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Mulberry
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-86"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              86
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-87"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              87
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                ###
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Unordered List
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-88"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              88
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-89"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              89
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Olive
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-90"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              90
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Orange
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-91"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              91
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Blood orange
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-92"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              92
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Clementine
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-93"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              93
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Papaya
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-94"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              94
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-95"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              95
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token list"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                -
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Passionfruit
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-96"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              96
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-97"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              97
-            </span>
-            <span
-              style={Object {}}
-            >
-              [[Top]](#top)
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-98"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              98
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-99"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              99
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 &lt;a name="Horizontal"&gt;&lt;/a&gt;Horizontal rule
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-100"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              100
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-101"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              101
-            </span>
-            <span
-              style={Object {}}
-            >
-              In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit. Irure ad commodo eu voluptate mollit cillum cupidatat veniam proident amet minim reprehenderit.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-102"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              102
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-103"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              103
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token hr"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ***
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-104"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              104
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-105"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              105
-            </span>
-            <span
-              style={Object {}}
-            >
-              In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi. Dolor amet cillum excepteur consequat sint non sint.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-106"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              106
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-107"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              107
-            </span>
-            <span
-              style={Object {}}
-            >
-              [[Top]](#top)
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-108"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              108
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-109"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              109
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 &lt;a name="Table"&gt;&lt;/a&gt;Table
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-110"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              110
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-111"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              111
-            </span>
-            <span
-              style={Object {}}
-            >
-              Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat. Laboris amet ea occaecat duis eu enim exercitation deserunt ea laborum occaecat reprehenderit. Et incididunt dolor commodo consequat mollit nisi proident non pariatur in et incididunt id. Eu ut et Lorem ea ex magna minim ipsum ipsum do.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-112"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              112
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-113"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              113
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token table table-header-row"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-header-row table-header"
-                style={Object {}}
-              >
-                 Table Heading 1 
-              </span>
-              <span
-                className="token table table-header-row"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-header-row table-header"
-                style={Object {}}
-              >
-                 Table Heading 2 
-              </span>
-              <span
-                className="token table table-header-row"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-header-row table-header"
-                style={Object {}}
-              >
-                 Center align    
-              </span>
-              <span
-                className="token table table-header-row"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-header-row table-header"
-                style={Object {}}
-              >
-                 Right align     
-              </span>
-              <span
-                className="token table table-header-row"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-header-row table-header"
-                style={Object {}}
-              >
-                 Table Heading 5 
-              </span>
-              <span
-                className="token table table-header-row"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-header-row"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-114"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              114
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token table table-header-row"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                :--------------
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                :--------------
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                :-------------:
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                --------------:
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                :--------------
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token table table-line"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-115"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              115
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token table table-line"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 1          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 2          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 3          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 4          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 5          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-116"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              116
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 1          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 2          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 3          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 4          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 5          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-117"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              117
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 1          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 2          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 3          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 4          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 5          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-118"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              118
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 1          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 2          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 3          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 4          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 5          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-119"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              119
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 1          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 2          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 3          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 4          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows table-data"
-                style={Object {}}
-              >
-                 Item 5          
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                |
-              </span>
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-120"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              120
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token table table-data-rows"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-121"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              121
-            </span>
-            <span
-              style={Object {}}
-            >
-              Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris. Cillum dolore labore Lorem deserunt mollit voluptate esse incididunt ex dolor.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-122"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              122
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-123"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              123
-            </span>
-            <span
-              style={Object {}}
-            >
-              [[Top]](#top)
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-124"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              124
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-125"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              125
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 &lt;a name="Code"&gt;&lt;/a&gt;Code
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-126"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              126
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-127"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              127
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                ##
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Inline code
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-128"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              128
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-129"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              129
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est 
-              </span>
-              <span
-                className="token code"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                \`code in text\`
-              </span>
-              <span
-                style={Object {}}
-              >
-                 velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna 
-              </span>
-              <span
-                className="token code"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                \`&lt;strong&gt;in culpa qui officia&lt;/strong&gt;\`
-              </span>
-              <span
-                style={Object {}}
-              >
-                 dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-130"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              130
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-131"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              131
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                ##
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 Highlighted
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-132"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              132
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-133"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              133
-            </span>
-            <span
-              style={Object {}}
-            >
-              Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet id excepteur Lorem aliquip sit irure veniam laborum duis cillum. Aliqua occaecat minim cillum deserunt magna sunt laboris do do irure ea nostrud consequat ut voluptate ex.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-134"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              134
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-135"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              135
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token code"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                \`\`\`
-              </span>
-              <span
-                className="token code code-language"
-                style={Object {}}
-              >
-                go
-              </span>
-              <span
-                className="token code"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-136"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              136
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                package
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 main
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-137"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              137
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-138"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              138
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                import
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                (
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-139"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              139
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                "fmt"
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-140"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              140
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                "net/http"
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-141"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              141
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                )
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-142"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              142
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-143"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              143
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                func
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                handler
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                (
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                w http
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                .
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                ResponseWriter
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                ,
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 r 
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                *
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                http
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                .
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                Request
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                )
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                {
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-144"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              144
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                    fmt
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                .
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                Fprintf
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                (
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                w
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                ,
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                "Hi there, I love %s!"
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                ,
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 r
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                .
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                URL
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                .
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                Path
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                [
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                1
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                :
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                ]
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                )
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-145"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              145
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                }
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-146"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              146
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-147"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              147
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                func
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                main
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                (
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                )
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                {
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-148"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              148
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                    http
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                .
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                HandleFunc
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                (
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                "/"
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                ,
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 handler
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                )
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-149"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              149
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                    http
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                .
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                ListenAndServe
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                (
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                ":8080"
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                ,
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                nil
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                )
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-150"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              150
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token code code-block language-go"
-                style={Object {}}
-              >
-                }
-              </span>
-              <span
-                className="token code"
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-151"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              151
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                className="token code"
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token code"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                \`\`\`
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-152"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              152
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-153"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              153
-            </span>
-            <span
-              style={Object {}}
-            >
-              Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id. Aliqua pariatur pariatur excepteur adipisicing irure culpa consequat commodo et ex id ad.
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-154"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              154
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-155"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              155
-            </span>
-            <span
-              style={Object {}}
-            >
-              [[Top]](#top)
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-156"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              156
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-157"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              157
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                #
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#a74eb2",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                 &lt;a name="Inline"&gt;&lt;/a&gt;Inline elements
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-158"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              158
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-159"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              159
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                Sint ea anim ipsum ad commodo cupidatat do 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                exercitation
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                style={Object {}}
-              >
-                 incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                Consequat commodo
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                style={Object {}}
-              >
-                 reprehenderit duis 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                irure
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#!)
-              </span>
-              <span
-                style={Object {}}
-              >
-                 esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                cupidatat consequat
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                style={Object {}}
-              >
-                . Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-160"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              160
+              :
             </span>
             <span
+              className="token code code-block language-go"
               style={Object {}}
             >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-161"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              161
+              ]
             </span>
             <span
+              className="token code code-block language-go"
               style={Object {}}
             >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ![
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Super wide
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](http://placekitten.com/1280/800)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-162"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              162
+              )
             </span>
             <span
+              className="token code code-block language-go"
               style={Object {}}
             >
               
 
             </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-163"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              163
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontStyle": "italic",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontStyle": "italic",
-                  }
-                }
-              >
-                Proident sit veniam in est proident officia adipisicing
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontStyle": "italic",
-                  }
-                }
-              >
-                *
-              </span>
-              <span
-                style={Object {}}
-              >
-                 ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris 
-              </span>
-              <span
-                className="token code"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                \`culpa ex duis sint\`
-              </span>
-              <span
-                style={Object {}}
-              >
-                 anim aute reprehenderit id eu ea. Aute 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                excepteur proident
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#!)
-              </span>
-              <span
-                style={Object {}}
-              >
-                 Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-164"
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-145"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
+            <i
+              className="fas fa-link has-text-grey-light"
               onClick={[Function]}
-            >
-              164
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-165"
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              165
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ![
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                Not so big
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](http://placekitten.com/480/400)
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-166"
+            145
+          </span>
+          <span
+            style={Object {}}
           >
             <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              166
-            </span>
-            <span
+              className="token code code-block language-go"
               style={Object {}}
             >
               
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-167"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              167
             </span>
             <span
+              className="token code code-block language-go"
               style={Object {}}
             >
-              <span
-                style={Object {}}
-              >
-                Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontStyle": "italic",
-                  }
-                }
-              >
-                _
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontStyle": "italic",
-                  }
-                }
-              >
-                enim 
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontStyle": "italic",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontStyle": "italic",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                anim
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontStyle": "italic",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontStyle": "italic",
-                  }
-                }
-              >
-                 voluptate
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontStyle": "italic",
-                  }
-                }
-              >
-                _
-              </span>
-              <span
-                style={Object {}}
-              >
-                . Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                adipisicing sunt 
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontStyle": "italic",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                _
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontStyle": "italic",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                officia
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "fontStyle": "italic",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                _
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                    "fontWeight": "bold",
-                  }
-                }
-              >
-                **
-              </span>
-              <span
-                style={Object {}}
-              >
-                . Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-168"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              168
+              }
             </span>
             <span
+              className="token code code-block language-go"
               style={Object {}}
             >
               
 
             </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-169"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              169
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ![Manny Pacquiao
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](https://img.youtube.com/vi/s6bCmZmy9aQ/0.jpg)
-              </span>
-              <span
-                style={Object {}}
-              >
-                ](https://youtu.be/s6bCmZmy9aQ)
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-170"
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-146"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
+            <i
+              className="fas fa-link has-text-grey-light"
               onClick={[Function]}
-            >
-              170
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-171"
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              171
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                Reprehenderit non eu quis in ad elit esse qui aute id 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token content"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                incididunt
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                ](#!)
-              </span>
-              <span
-                style={Object {}}
-              >
-                 dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-172"
+            146
+          </span>
+          <span
+            style={Object {}}
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              172
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-        </code>
-      </pre>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
+
+          </span>
+        </div>
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-147"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            147
+          </span>
+          <span
+            style={Object {}}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              className="token code code-block language-go"
+              style={Object {}}
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
+              
             </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+              func
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              main
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              (
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              )
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              {
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-148"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
+            148
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
             >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
+                  http
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
             >
-              "index"
-            </code>
-          </div>
+              .
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              HandleFunc
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              (
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              "/"
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              ,
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               handler
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              )
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
         </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-149"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            149
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+                  http
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              .
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              ListenAndServe
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              (
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              ":8080"
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              ,
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              nil
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              )
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-150"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            150
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token code code-block language-go"
+              style={Object {}}
+            >
+              }
+            </span>
+            <span
+              className="token code"
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-151"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            151
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              className="token code"
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token code"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              \`\`\`
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-152"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            152
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-153"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            153
+          </span>
+          <span
+            style={Object {}}
+          >
+            Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id. Aliqua pariatur pariatur excepteur adipisicing irure culpa consequat commodo et ex id ad.
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-154"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            154
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-155"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            155
+          </span>
+          <span
+            style={Object {}}
+          >
+            [[Top]](#top)
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-156"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            156
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-157"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            157
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              #
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#a74eb2",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+               &lt;a name="Inline"&gt;&lt;/a&gt;Inline elements
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-158"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            158
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-159"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            159
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              Sint ea anim ipsum ad commodo cupidatat do 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              exercitation
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              style={Object {}}
+            >
+               incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              Consequat commodo
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              style={Object {}}
+            >
+               reprehenderit duis 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              irure
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#!)
+            </span>
+            <span
+              style={Object {}}
+            >
+               esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              cupidatat consequat
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              style={Object {}}
+            >
+              . Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-160"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            160
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-161"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            161
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ![
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Super wide
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](http://placekitten.com/1280/800)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-162"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            162
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-163"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            163
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontStyle": "italic",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontStyle": "italic",
+                }
+              }
+            >
+              Proident sit veniam in est proident officia adipisicing
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontStyle": "italic",
+                }
+              }
+            >
+              *
+            </span>
+            <span
+              style={Object {}}
+            >
+               ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris 
+            </span>
+            <span
+              className="token code"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              \`culpa ex duis sint\`
+            </span>
+            <span
+              style={Object {}}
+            >
+               anim aute reprehenderit id eu ea. Aute 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              excepteur proident
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#!)
+            </span>
+            <span
+              style={Object {}}
+            >
+               Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-164"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            164
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-165"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            165
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ![
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              Not so big
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](http://placekitten.com/480/400)
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-166"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            166
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-167"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            167
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontStyle": "italic",
+                }
+              }
+            >
+              _
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontStyle": "italic",
+                }
+              }
+            >
+              enim 
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontStyle": "italic",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontStyle": "italic",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              anim
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontStyle": "italic",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontStyle": "italic",
+                }
+              }
+            >
+               voluptate
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontStyle": "italic",
+                }
+              }
+            >
+              _
+            </span>
+            <span
+              style={Object {}}
+            >
+              . Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              adipisicing sunt 
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontStyle": "italic",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              _
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontStyle": "italic",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              officia
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "fontStyle": "italic",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              _
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                  "fontWeight": "bold",
+                }
+              }
+            >
+              **
+            </span>
+            <span
+              style={Object {}}
+            >
+              . Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-168"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            168
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-169"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            169
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ![Manny Pacquiao
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](https://img.youtube.com/vi/s6bCmZmy9aQ/0.jpg)
+            </span>
+            <span
+              style={Object {}}
+            >
+              ](https://youtu.be/s6bCmZmy9aQ)
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-170"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            170
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-171"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            171
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              Reprehenderit non eu quis in ad elit esse qui aute id 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token content"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              incididunt
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              ](#!)
+            </span>
+            <span
+              style={Object {}}
+            >
+               dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-172"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            172
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+      </code>
+    </pre>
+  </div>
+</div>
 `;
 
 exports[`Storyshots SyntaxHighlighter Python 1`] = `
-Array [
-  <div
-    className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
-  >
-    <div>
-      <pre
+<div
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
+>
+  <div>
+    <pre
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
+      <code
+        className="language-python"
         style={
           Object {
             "MozHyphens": "none",
             "MozTabSize": "4",
             "OTabSize": "4",
             "WebkitHyphens": "none",
-            "background": "#ffffff",
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
             "fontSize": "13px",
             "hyphens": "none",
             "lineHeight": "1.5",
-            "margin": ".5em 0",
             "msHyphens": "none",
-            "overflow": "auto",
-            "padding": "1em",
             "tabSize": "4",
             "textAlign": "left",
             "textShadow": "none",
@@ -133702,1967 +67138,1430 @@ Array [
           }
         }
       >
-        <code
-          className="language-python"
-          style={
-            Object {
-              "MozHyphens": "none",
-              "MozTabSize": "4",
-              "OTabSize": "4",
-              "WebkitHyphens": "none",
-              "color": "#363636",
-              "direction": "ltr",
-              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
-              "hyphens": "none",
-              "lineHeight": "1.5",
-              "msHyphens": "none",
-              "tabSize": "4",
-              "textAlign": "left",
-              "textShadow": "none",
-              "whiteSpace": "pre",
-              "wordBreak": "normal",
-              "wordSpacing": "normal",
-            }
-          }
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-1"
         >
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-1"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            1
+          </span>
+          <span
+            style={Object {}}
           >
             <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
             >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              1
+              from
             </span>
             <span
               style={Object {}}
             >
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                from
-              </span>
-              <span
-                style={Object {}}
-              >
-                 BaseHTTPServer 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 BaseHTTPRequestHandler
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                HTTPServer
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-2"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
+               BaseHTTPServer 
             </span>
             <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
             >
-              2
+              import
             </span>
             <span
               style={Object {}}
             >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-3"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
+               BaseHTTPRequestHandler
             </span>
             <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
             >
-              3
+              ,
             </span>
             <span
               style={Object {}}
             >
-              <span
-                style={Object {}}
-              >
-                PORT_NUMBER 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                =
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                8080
-              </span>
-              <span
-                style={Object {}}
-              >
-                
+              HTTPServer
 
-              </span>
             </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-4"
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-2"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
+            <i
+              className="fas fa-link has-text-grey-light"
               onClick={[Function]}
-            >
-              4
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-5"
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              5
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                class
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                myHandler
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                style={Object {}}
-              >
-                BaseHTTPRequestHandler
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                :
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-6"
+            2
+          </span>
+          <span
+            style={Object {}}
           >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              6
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-7"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              7
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                def
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                do_GET
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                style={Object {}}
-              >
-                self
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                :
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-8"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              8
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    self
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                send_response
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                200
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-9"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              9
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    self
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                send_header
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                'Content-type'
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                'text/html'
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-10"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              10
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    self
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                end_headers
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-11"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              11
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    self
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                wfile
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                write
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "Hello World !"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-12"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              12
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                return
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-13"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              13
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-14"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              14
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                try
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                :
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-15"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              15
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  server 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                =
-              </span>
-              <span
-                style={Object {}}
-              >
-                 HTTPServer
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                ''
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 PORT_NUMBER
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 myHandler
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-16"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              16
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                print
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                'Started httpserver on port '
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 PORT_NUMBER
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-17"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              17
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  server
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                serve_forever
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-18"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              18
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                except
-              </span>
-              <span
-                style={Object {}}
-              >
-                 KeyboardInterrupt
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                :
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-19"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              19
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                print
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                '^C received, shutting down the web server'
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-20"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              20
-            </span>
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  server
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                socket
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                style={Object {}}
-              >
-                close
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-21"
-          >
-            <span
-              className="tooltip has-tooltip-right"
-              data-tooltip="sources.content.copyPermalink"
-            >
-              <i
-                className="fas fa-link has-text-grey-light"
-                onClick={[Function]}
-              />
-            </span>
-            <span
-              className="linenumber react-syntax-highlighter-line-number"
-              onClick={[Function]}
-            >
-              21
-            </span>
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-        </code>
-      </pre>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
+
+          </span>
+        </div>
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-3"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            3
+          </span>
+          <span
+            style={Object {}}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              style={Object {}}
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
+              PORT_NUMBER 
             </span>
-            <div
+            <span
+              className="token"
               style={
                 Object {
-                  "alignItems": "center",
-                  "display": "flex",
+                  "color": "#686868",
                 }
               }
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
+              =
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#2c99c7",
                 }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+              }
+            >
+              8080
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-4"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
           >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
+            4
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
         </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-5"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
           >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            5
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              class
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              myHandler
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              style={Object {}}
+            >
+              BaseHTTPRequestHandler
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              :
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-6"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            6
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-7"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
             />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            7
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              def
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              do_GET
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              style={Object {}}
+            >
+              self
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              :
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-8"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            8
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  self
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              send_response
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#2c99c7",
+                }
+              }
+            >
+              200
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-9"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            9
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  self
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              send_header
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              'Content-type'
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              'text/html'
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-10"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            10
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  self
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              end_headers
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-11"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            11
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  self
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              wfile
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              write
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              "Hello World !"
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-12"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            12
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              return
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-13"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            13
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-14"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            14
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              try
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              :
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-15"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            15
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                server 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              =
+            </span>
+            <span
+              style={Object {}}
+            >
+               HTTPServer
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              ''
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               PORT_NUMBER
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               myHandler
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-16"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            16
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              print
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              'Started httpserver on port '
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               PORT_NUMBER
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-17"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            17
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                server
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              serve_forever
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-18"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            18
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              except
+            </span>
+            <span
+              style={Object {}}
+            >
+               KeyboardInterrupt
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              :
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-19"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            19
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              print
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              '^C received, shutting down the web server'
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-20"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            20
+          </span>
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                server
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              socket
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              style={Object {}}
+            >
+              close
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-21"
+        >
+          <span
+            className="tooltip has-tooltip-right"
+            data-tooltip="sources.content.copyPermalink"
+          >
+            <i
+              className="fas fa-link has-text-grey-light"
+              onClick={[Function]}
+            />
+          </span>
+          <span
+            className="linenumber react-syntax-highlighter-line-number"
+            onClick={[Function]}
+          >
+            21
+          </span>
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+      </code>
+    </pre>
+  </div>
+</div>
 `;
 
 exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
-Array [
-  <div
-    className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
-  >
-    <div>
-      <pre
+<div
+  className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 fDTeBB"
+>
+  <div>
+    <pre
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
+      <code
+        className="language-java"
         style={
           Object {
             "MozHyphens": "none",
             "MozTabSize": "4",
             "OTabSize": "4",
             "WebkitHyphens": "none",
-            "background": "#ffffff",
             "color": "#363636",
             "direction": "ltr",
             "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
             "fontSize": "13px",
             "hyphens": "none",
             "lineHeight": "1.5",
-            "margin": ".5em 0",
             "msHyphens": "none",
-            "overflow": "auto",
-            "padding": "1em",
             "tabSize": "4",
             "textAlign": "left",
             "textShadow": "none",
@@ -135672,12464 +68571,2780 @@ Array [
           }
         }
       >
-        <code
-          className="language-java"
-          style={
-            Object {
-              "MozHyphens": "none",
-              "MozTabSize": "4",
-              "OTabSize": "4",
-              "WebkitHyphens": "none",
-              "color": "#363636",
-              "direction": "ltr",
-              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-              "fontSize": "13px",
-              "hyphens": "none",
-              "lineHeight": "1.5",
-              "msHyphens": "none",
-              "tabSize": "4",
-              "textAlign": "left",
-              "textShadow": "none",
-              "whiteSpace": "pre",
-              "wordBreak": "normal",
-              "wordSpacing": "normal",
-            }
-          }
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-1"
         >
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-1"
+          <span
+            style={Object {}}
           >
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              package
+            </span>
             <span
               style={Object {}}
             >
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                package
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                com
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                example
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
+               
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              com
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              example
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
             </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-2"
-          >
             <span
               style={Object {}}
             >
               
 
             </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-3"
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-2"
+        >
+          <span
+            style={Object {}}
           >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                java
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                io
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                IOException
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-4"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                java
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                io
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                OutputStream
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-5"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                java
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                net
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                InetSocketAddress
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-6"
-          >
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-7"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                com
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                sun
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                net
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                httpserver
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpExchange
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-8"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                com
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                sun
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                net
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                httpserver
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpHandler
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-9"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                import
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                com
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                sun
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                net
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={Object {}}
-              >
-                httpserver
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpServer
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-10"
-          >
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-11"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                public
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                class
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                Test
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-12"
-          >
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-13"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                public
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                static
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                void
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                main
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                String
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                [
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ]
-              </span>
-              <span
-                style={Object {}}
-              >
-                 args
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                throws
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                Exception
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-14"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpServer
-              </span>
-              <span
-                style={Object {}}
-              >
-                 server 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                =
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpServer
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                create
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                new
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                InetSocketAddress
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                8000
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                0
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-15"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    server
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                createContext
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "/test"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                new
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                MyHandler
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-16"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    server
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                setExecutor
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                null
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                // creates a default executor
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-17"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    server
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                start
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-18"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-19"
-          >
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-20"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                static
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                class
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                MyHandler
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                implements
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpHandler
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-21"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token annotation"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                @Override
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-22"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                public
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                void
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                handle
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                HttpExchange
-              </span>
-              <span
-                style={Object {}}
-              >
-                 t
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#00a984",
-                  }
-                }
-              >
-                throws
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                IOException
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                {
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-23"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                String
-              </span>
-              <span
-                style={Object {}}
-              >
-                 response 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                =
-              </span>
-              <span
-                style={Object {}}
-              >
-                 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#005f9a",
-                  }
-                }
-              >
-                "This is the response"
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-24"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      t
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                sendResponseHeaders
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#2c99c7",
-                  }
-                }
-              >
-                200
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ,
-              </span>
-              <span
-                style={Object {}}
-              >
-                 response
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                length
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-25"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      
-              </span>
-              <span
-                className="token class-name"
-                style={Object {}}
-              >
-                OutputStream
-              </span>
-              <span
-                style={Object {}}
-              >
-                 os 
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#686868",
-                  }
-                }
-              >
-                =
-              </span>
-              <span
-                style={Object {}}
-              >
-                 t
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                getResponseBody
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-26"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      os
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                write
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                style={Object {}}
-              >
-                response
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                getBytes
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-27"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                      os
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                .
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#ff3860",
-                  }
-                }
-              >
-                close
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                (
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                )
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                ;
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-28"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                    
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-29"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                  
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-30"
-          >
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-31"
-          >
-            <span
-              style={Object {}}
-            >
-              <span
-                style={Object {}}
-              >
-                
-              </span>
-              <span
-                className="token"
-                style={
-                  Object {
-                    "color": "#9a9a9a",
-                  }
-                }
-              >
-                }
-              </span>
-              <span
-                style={Object {}}
-              >
-                
-
-              </span>
-            </span>
-          </div>
-          <div
-            className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
-            id="line-32"
-          >
-            <span
-              style={Object {}}
-            >
-              
-
-            </span>
-          </div>
-        </code>
-      </pre>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
+
+          </span>
+        </div>
         <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-3"
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
+          <span
+            style={Object {}}
           >
             <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
+              style={Object {}}
             >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
+              
             </span>
-            <div
+            <span
+              className="token"
               style={
                 Object {
-                  "alignItems": "center",
-                  "display": "flex",
+                  "color": "#00a984",
                 }
               }
             >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
+              import
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              java
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
                 }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              io
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
                 }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              IOException
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
                 }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
         </div>
         <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-4"
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
+          <span
+            style={Object {}}
           >
-            <div
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
               style={
                 Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
+                  "color": "#00a984",
                 }
               }
-              suppressHydrationWarning={true}
             >
-              0
-            </div>
-            <code
+              import
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              java
+            </span>
+            <span
+              className="token"
               style={
                 Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
+                  "color": "#9a9a9a",
                 }
               }
-              suppressHydrationWarning={true}
             >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              io
+            </span>
+            <span
+              className="token"
               style={
                 Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
+                  "color": "#9a9a9a",
                 }
               }
-              suppressHydrationWarning={true}
             >
-              0
-            </div>
-            <code
+              .
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              OutputStream
+            </span>
+            <span
+              className="token"
               style={
                 Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
+                  "color": "#9a9a9a",
                 }
               }
-              suppressHydrationWarning={true}
             >
-              "index"
-            </code>
-          </div>
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
         </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-5"
         >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
+          <span
+            style={Object {}}
           >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              import
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              java
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              net
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              InetSocketAddress
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-6"
+        >
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-7"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              import
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              com
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              sun
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              net
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              httpserver
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              HttpExchange
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-8"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              import
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              com
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              sun
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              net
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              httpserver
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              HttpHandler
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-9"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              import
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              com
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              sun
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              net
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={Object {}}
+            >
+              httpserver
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              HttpServer
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-10"
+        >
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-11"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              public
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              class
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              Test
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              {
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-12"
+        >
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-13"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              public
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              static
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              void
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              main
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              String
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              [
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ]
+            </span>
+            <span
+              style={Object {}}
+            >
+               args
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              throws
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              Exception
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              {
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-14"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              HttpServer
+            </span>
+            <span
+              style={Object {}}
+            >
+               server 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              =
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              HttpServer
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              create
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              new
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              InetSocketAddress
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#2c99c7",
+                }
+              }
+            >
+              8000
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#2c99c7",
+                }
+              }
+            >
+              0
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-15"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  server
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              createContext
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              "/test"
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              new
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              MyHandler
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-16"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  server
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              setExecutor
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              null
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              // creates a default executor
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-17"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  server
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              start
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-18"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              }
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-19"
+        >
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-20"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              static
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              class
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              MyHandler
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              implements
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              HttpHandler
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              {
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-21"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token annotation"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              @Override
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-22"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              public
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              void
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              handle
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              HttpExchange
+            </span>
+            <span
+              style={Object {}}
+            >
+               t
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#00a984",
+                }
+              }
+            >
+              throws
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              IOException
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              {
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-23"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                    
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              String
+            </span>
+            <span
+              style={Object {}}
+            >
+               response 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              =
+            </span>
+            <span
+              style={Object {}}
+            >
+               
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#005f9a",
+                }
+              }
+            >
+              "This is the response"
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-24"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                    t
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              sendResponseHeaders
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#2c99c7",
+                }
+              }
+            >
+              200
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ,
+            </span>
+            <span
+              style={Object {}}
+            >
+               response
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              length
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-25"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                    
+            </span>
+            <span
+              className="token class-name"
+              style={Object {}}
+            >
+              OutputStream
+            </span>
+            <span
+              style={Object {}}
+            >
+               os 
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#686868",
+                }
+              }
+            >
+              =
+            </span>
+            <span
+              style={Object {}}
+            >
+               t
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              getResponseBody
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-26"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                    os
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              write
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              style={Object {}}
+            >
+              response
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              getBytes
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-27"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                    os
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              .
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#ff3860",
+                }
+              }
+            >
+              close
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              (
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              )
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              ;
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-28"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                  
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              }
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-29"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+                
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              }
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-30"
+        >
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-31"
+        >
+          <span
+            style={Object {}}
+          >
+            <span
+              style={Object {}}
+            >
+              
+            </span>
+            <span
+              className="token"
+              style={
+                Object {
+                  "color": "#9a9a9a",
+                }
+              }
+            >
+              }
+            </span>
+            <span
+              style={Object {}}
+            >
+              
+
+            </span>
+          </span>
+        </div>
+        <div
+          className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 pQhxJ"
+          id="line-32"
+        >
+          <span
+            style={Object {}}
+          >
+            
+
+          </span>
+        </div>
+      </code>
+    </pre>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Table|Table Default 1`] = `
-Array [
-  <table
-    className="table content is-hoverable"
-  >
-    <thead>
-      <tr>
-        <th
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-        >
-          First Name
-        </th>
-        <th
-          className="has-cursor-pointer"
-          onClick={[Function]}
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-        >
-          Last Name
-          <i
-            className="fas fa-sort-amount-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
-          />
-        </th>
-        <th
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-        >
-          E-Mail
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          <h4>
-            Tricia
-          </h4>
-        </td>
-        <td>
-          <b
-            style={
-              Object {
-                "color": "red",
-              }
-            }
-          >
-            McMillan
-          </b>
-        </td>
-        <td>
-          <a>
-            tricia@hitchhiker.com
-          </a>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          <h4>
-            Arthur
-          </h4>
-        </td>
-        <td>
-          <b
-            style={
-              Object {
-                "color": "red",
-              }
-            }
-          >
-            Dent
-          </b>
-        </td>
-        <td>
-          <a>
-            arthur@hitchhiker.com
-          </a>
-        </td>
-      </tr>
-    </tbody>
-  </table>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+<table
+  className="table content is-hoverable"
+>
+  <thead>
+    <tr>
+      <th
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
       >
-        <div
+        First Name
+      </th>
+      <th
+        className="has-cursor-pointer"
+        onClick={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
+      >
+        Last Name
+        <i
+          className="fas fa-sort-amount-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
+        />
+      </th>
+      <th
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
+      >
+        E-Mail
+      </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>
+        <h4>
+          Tricia
+        </h4>
+      </td>
+      <td>
+        <b
           style={
             Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
+              "color": "red",
             }
           }
         >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
+          McMillan
+        </b>
+      </td>
+      <td>
+        <a>
+          tricia@hitchhiker.com
+        </a>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <h4>
+          Arthur
+        </h4>
+      </td>
+      <td>
+        <b
           style={
             Object {
-              "flex": "1",
-              "overflowY": "auto",
+              "color": "red",
             }
           }
-          suppressHydrationWarning={true}
         >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+          Dent
+        </b>
+      </td>
+      <td>
+        <a>
+          arthur@hitchhiker.com
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
 `;
 
 exports[`Storyshots Table|Table Empty 1`] = `
-Array [
-  <div
-    className="notification is-info"
-  >
-    
-    No data found.
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+<div
+  className="notification is-info"
+>
+  
+  No data found.
+</div>
 `;
 
 exports[`Storyshots Table|Table Table with Word-Break 1`] = `
-Array [
-  <table
-    className="table content is-hoverable Tablestories__StyledTable-vgb14n-0 hmfYbF"
-  >
-    <thead>
-      <tr>
-        <th
-          className="has-cursor-pointer"
-          onClick={[Function]}
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-        >
-          Id
-          <i
-            className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
-          />
-        </th>
-        <th
-          className="has-cursor-pointer"
-          onClick={[Function]}
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-        >
-          Name
-          <i
-            className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
-          />
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          42
-        </td>
-        <td>
-          herp_derp_schlerp_ferp_gerp_nerp_terp_ierp_perp_lerp_merp_oerp_zerp_serp_verp_herp
-        </td>
-      </tr>
-      <tr>
-        <td>
-          17
-        </td>
-        <td>
-          herp_derp_schlerp_ferp_gerp_nerp_terp_ierp_perp_lerp_merp_oerp_zerp_serp_verp
-        </td>
-      </tr>
-    </tbody>
-  </table>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+<table
+  className="table content is-hoverable Tablestories__StyledTable-vgb14n-0 hmfYbF"
+>
+  <thead>
+    <tr>
+      <th
+        className="has-cursor-pointer"
+        onClick={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
       >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+        Id
+        <i
+          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
+        />
+      </th>
+      <th
+        className="has-cursor-pointer"
+        onClick={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+        Name
+        <i
+          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
+        />
+      </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>
+        42
+      </td>
+      <td>
+        herp_derp_schlerp_ferp_gerp_nerp_terp_ierp_perp_lerp_merp_oerp_zerp_serp_verp_herp
+      </td>
+    </tr>
+    <tr>
+      <td>
+        17
+      </td>
+      <td>
+        herp_derp_schlerp_ferp_gerp_nerp_terp_ierp_perp_lerp_merp_oerp_zerp_serp_verp
+      </td>
+    </tr>
+  </tbody>
+</table>
 `;
 
 exports[`Storyshots Table|Table TextColumn 1`] = `
-Array [
-  <table
-    className="table content is-hoverable"
-  >
-    <thead>
-      <tr>
-        <th
-          className="has-cursor-pointer"
-          onClick={[Function]}
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-        >
-          Id
-          <i
-            className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
-          />
-        </th>
-        <th
-          className="has-cursor-pointer"
-          onClick={[Function]}
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-        >
-          Name
-          <i
-            className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
-          />
-        </th>
-        <th
-          className="has-cursor-pointer"
-          onClick={[Function]}
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-        >
-          Description
-          <i
-            className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
-          />
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          21
-        </td>
-        <td>
-          Pommes
-        </td>
-        <td>
-          Fried potato sticks
-        </td>
-      </tr>
-      <tr>
-        <td>
-          42
-        </td>
-        <td>
-          Quarter-Pounder
-        </td>
-        <td>
-          Big burger
-        </td>
-      </tr>
-      <tr>
-        <td>
-          -84
-        </td>
-        <td>
-          Icecream
-        </td>
-        <td>
-          Cold dessert
-        </td>
-      </tr>
-    </tbody>
-  </table>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+<table
+  className="table content is-hoverable"
+>
+  <thead>
+    <tr>
+      <th
+        className="has-cursor-pointer"
+        onClick={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
       >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+        Id
+        <i
+          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
+        />
+      </th>
+      <th
+        className="has-cursor-pointer"
+        onClick={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+        Name
+        <i
+          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
+        />
+      </th>
+      <th
+        className="has-cursor-pointer"
+        onClick={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
+      >
+        Description
+        <i
+          className="fas fa-sort-alpha-down has-text-grey-light SortIcon__IconWithMarginLeft-izn5p7-0 cBnwYo"
+        />
+      </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>
+        21
+      </td>
+      <td>
+        Pommes
+      </td>
+      <td>
+        Fried potato sticks
+      </td>
+    </tr>
+    <tr>
+      <td>
+        42
+      </td>
+      <td>
+        Quarter-Pounder
+      </td>
+      <td>
+        Big burger
+      </td>
+    </tr>
+    <tr>
+      <td>
+        -84
+      </td>
+      <td>
+        Icecream
+      </td>
+      <td>
+        Cold dessert
+      </td>
+    </tr>
+  </tbody>
+</table>
 `;
 
 exports[`Storyshots Tag Clickable 1`] = `
-Array [
-  <div
-    className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
+<div
+  className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
+>
+  <span
+    className="tag is-light"
+    onClick={[Function]}
   >
-    <span
-      className="tag is-light"
-      onClick={[Function]}
-    >
-      Click here
-    </span>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    Click here
+  </span>
+</div>
 `;
 
 exports[`Storyshots Tag Colors 1`] = `
-Array [
-  <div
-    className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
-  >
-    <div>
-      <div
-        className="Tagstories__Spacing-wsn8kx-1 diCypb"
-      >
-        <span
-          className="tag is-primary"
-        >
-          primary
-        </span>
-      </div>
-      <div
-        className="Tagstories__Spacing-wsn8kx-1 diCypb"
-      >
-        <span
-          className="tag is-link"
-        >
-          link
-        </span>
-      </div>
-      <div
-        className="Tagstories__Spacing-wsn8kx-1 diCypb"
-      >
-        <span
-          className="tag is-info"
-        >
-          info
-        </span>
-      </div>
-      <div
-        className="Tagstories__Spacing-wsn8kx-1 diCypb"
-      >
-        <span
-          className="tag is-success"
-        >
-          success
-        </span>
-      </div>
-      <div
-        className="Tagstories__Spacing-wsn8kx-1 diCypb"
-      >
-        <span
-          className="tag is-warning"
-        >
-          warning
-        </span>
-      </div>
-      <div
-        className="Tagstories__Spacing-wsn8kx-1 diCypb"
-      >
-        <span
-          className="tag is-danger"
-        >
-          danger
-        </span>
-      </div>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
+<div
+  className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
+>
+  <div>
     <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+      className="Tagstories__Spacing-wsn8kx-1 diCypb"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+      <span
+        className="tag is-primary"
       >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
+        primary
+      </span>
     </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+    <div
+      className="Tagstories__Spacing-wsn8kx-1 diCypb"
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+      <span
+        className="tag is-link"
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+        link
+      </span>
+    </div>
+    <div
+      className="Tagstories__Spacing-wsn8kx-1 diCypb"
+    >
+      <span
+        className="tag is-info"
+      >
+        info
+      </span>
+    </div>
+    <div
+      className="Tagstories__Spacing-wsn8kx-1 diCypb"
+    >
+      <span
+        className="tag is-success"
+      >
+        success
+      </span>
+    </div>
+    <div
+      className="Tagstories__Spacing-wsn8kx-1 diCypb"
+    >
+      <span
+        className="tag is-warning"
+      >
+        warning
+      </span>
+    </div>
+    <div
+      className="Tagstories__Spacing-wsn8kx-1 diCypb"
+    >
+      <span
+        className="tag is-danger"
+      >
+        danger
+      </span>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Tag Default 1`] = `
-Array [
-  <div
-    className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
+<div
+  className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
+>
+  <span
+    className="tag is-light"
   >
-    <span
-      className="tag is-light"
-    >
-      Default tag
-    </span>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    Default tag
+  </span>
+</div>
 `;
 
 exports[`Storyshots Tag With Icon 1`] = `
-Array [
-  <div
-    className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
+<div
+  className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
+>
+  <span
+    className="tag is-light"
   >
-    <span
-      className="tag is-light"
-    >
-      <i
-        className="fas fa-bolt"
-      />
-       
-      System
-    </span>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    <i
+      className="fas fa-bolt"
+    />
+     
+    System
+  </span>
+</div>
 `;
 
 exports[`Storyshots Tag With title 1`] = `
-Array [
-  <div
-    className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
+<div
+  className="Tagstories__Wrapper-wsn8kx-0 kMIjuc"
+>
+  <span
+    className="tag is-light"
+    title="good job"
   >
-    <span
-      className="tag is-light"
-      title="good job"
-    >
-      hover me
-    </span>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    hover me
+  </span>
+</div>
 `;
 
-exports[`Storyshots Toast Click to close 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Toast Click to close 1`] = `null`;
 
-exports[`Storyshots Toast Danger 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Toast Danger 1`] = `null`;
 
-exports[`Storyshots Toast Info 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Toast Info 1`] = `null`;
 
 exports[`Storyshots Toast Open/Close 1`] = `
-Array [
-  <div
-    style={
-      Object {
-        "padding": "2rem",
-      }
+<div
+  style={
+    Object {
+      "padding": "2rem",
     }
+  }
+>
+  <button
+    className="button is-primary"
+    onClick={[Function]}
   >
-    <button
-      className="button is-primary"
-      onClick={[Function]}
-    >
-      Open
-       Toast
-    </button>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
-  >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
-    >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
-    >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
-      >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+    Open
+     Toast
+  </button>
+</div>
 `;
 
-exports[`Storyshots Toast Primary 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Toast Primary 1`] = `null`;
 
-exports[`Storyshots Toast Success 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Toast Success 1`] = `null`;
 
-exports[`Storyshots Toast Warning 1`] = `
-<footer
-  className="ReactQueryDevtools"
->
-  <div
-    className="ReactQueryDevtoolsPanel"
-    style={
-      Object {
-        "backgroundColor": "#0b1521",
-        "borderTop": "1px solid #3f4e60",
-        "bottom": "0",
-        "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-        "color": "white",
-        "display": "flex",
-        "fontFamily": "sans-serif",
-        "fontSize": "clamp(12px, 1.5vw, 14px)",
-        "height": 500,
-        "maxHeight": "90%",
-        "opacity": 0,
-        "pointerEvents": "none",
-        "position": "fixed",
-        "right": "0",
-        "transform": "translateY(15px) scale(1.02)",
-        "transformOrigin": "top",
-        "transition": "all .2s ease",
-        "width": "100%",
-        "zIndex": "99999",
-      }
-    }
-    suppressHydrationWarning={true}
-  >
-    <style
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-        }
-      }
-    />
-    <div
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "cursor": "row-resize",
-          "height": "4px",
-          "left": 0,
-          "marginBottom": "-4px",
-          "position": "absolute",
-          "top": 0,
-          "width": "100%",
-          "zIndex": 100000,
-        }
-      }
-    />
-    <div
-      style={
-        Object {
-          "borderRight": "1px solid #222e3e",
-          "display": "flex",
-          "flex": "1 1 500px",
-          "flexDirection": "column",
-          "maxHeight": "100%",
-          "minHeight": "40%",
-          "overflow": "auto",
-        }
-      }
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "background": "#132337",
-            "display": "flex",
-            "justifyContent": "space-between",
-            "padding": ".5rem",
-          }
-        }
-      >
-        <svg
-          aria-hidden={true}
-          height="40px"
-          style={
-            Object {
-              "marginRight": ".5rem",
-            }
-          }
-          version="1.1"
-          viewBox="0 0 190 190"
-          width="40px"
-        >
-          <g
-            fill="none"
-            fillRule="evenodd"
-            id="Page-1"
-            stroke="none"
-            strokeWidth="1"
-          >
-            <g
-              id="og-white"
-              transform="translate(-33.000000, 0.000000)"
-            >
-              <path
-                d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                fill="#002C4B"
-                fillRule="nonzero"
-                id="Path"
-                transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-              />
-              <path
-                d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                fill="#FFD94C"
-                id="Polygon-2"
-              />
-              <path
-                d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                fill="#FF4154"
-                id="Combined-Shape"
-              />
-            </g>
-          </g>
-        </svg>
-        <div
-          style={
-            Object {
-              "display": "flex",
-              "flexDirection": "column",
-            }
-          }
-        >
-          <span
-            style={
-              Object {
-                "display": "inline-block",
-                "fontSize": "0.9em",
-                "marginBottom": ".5rem",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#00ab52",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fresh 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#006bff",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              fetching
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#ffb200",
-                  "borderRadius": ".2em",
-                  "color": "black",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 0.3,
-                  "padding": ".2em .4em",
-                  "textShadow": "0",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              stale 
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                0
-                )
-              </code>
-            </span>
-             
-            <span
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "borderRadius": ".2em",
-                  "display": "inline-flex",
-                  "fontWeight": "bold",
-                  "opacity": 1,
-                  "padding": ".2em .4em",
-                  "textShadow": "0 0 10px black",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              inactive
-               
-              <code
-                style={
-                  Object {
-                    "fontSize": ".9em",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                (
-                2
-                )
-              </code>
-            </span>
-          </span>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <input
-              onChange={[Function]}
-              onKeyDown={[Function]}
-              placeholder="Filter"
-              style={
-                Object {
-                  "backgroundColor": "#fff",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "flex": "1",
-                  "fontSize": ".9em",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "padding": ".3em .4em",
-                }
-              }
-              value=""
-            />
-            <select
-              onChange={[Function]}
-              style={
-                Object {
-                  "WebkitAppearance": "none",
-                  "appearance": "none",
-                  "backgroundColor": "#fff",
-                  "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                  "backgroundPosition": "right .55em center",
-                  "backgroundRepeat": "no-repeat",
-                  "backgroundSize": ".65em auto, 100%",
-                  "border": 0,
-                  "borderRadius": ".2em",
-                  "color": "#000",
-                  "display": "inline-block",
-                  "flex": "1",
-                  "fontFamily": "sans-serif",
-                  "fontSize": ".9em",
-                  "fontWeight": "normal",
-                  "height": "auto",
-                  "lineHeight": "1.3",
-                  "marginRight": ".5rem",
-                  "minWidth": 75,
-                  "padding": ".3em 1.5em .3em .5em",
-                }
-              }
-              value="Status > Last Updated"
-            >
-              <option
-                value="Status > Last Updated"
-              >
-                Sort by 
-                Status &gt; Last Updated
-              </option>
-              <option
-                value="Query Hash"
-              >
-                Sort by 
-                Query Hash
-              </option>
-              <option
-                value="Last Updated"
-              >
-                Sort by 
-                Last Updated
-              </option>
-            </select>
-            <button
-              onClick={[Function]}
-              style={
-                Object {
-                  "appearance": "none",
-                  "background": "#3f4e60",
-                  "border": "0",
-                  "borderRadius": ".3em",
-                  "color": "white",
-                  "cursor": "pointer",
-                  "fontSize": ".9em",
-                  "fontWeight": "bold",
-                  "opacity": undefined,
-                  "padding": ".3rem .4rem",
-                }
-              }
-              type="button"
-            >
-              ⬆ Asc
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        style={
-          Object {
-            "flex": "1",
-            "overflowY": "auto",
-          }
-        }
-        suppressHydrationWarning={true}
-      >
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "me"
-          </code>
-        </div>
-        <div
-          onClick={[Function]}
-          style={
-            Object {
-              "background": undefined,
-              "borderBottom": "solid 1px #222e3e",
-              "cursor": "pointer",
-              "display": "flex",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "background": "#3f4e60",
-                "color": "white",
-                "display": "flex",
-                "flex": "0 0 auto",
-                "fontWeight": "bold",
-                "height": "2rem",
-                "justifyContent": "center",
-                "textShadow": "0 0 10px black",
-                "width": "2rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            0
-          </div>
-          <code
-            style={
-              Object {
-                "fontSize": ".9em",
-                "padding": ".5rem",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            "index"
-          </code>
-        </div>
-      </div>
-    </div>
-  </div>
-  <button
-    aria-label="Open React Query Devtools"
-    onClick={[Function]}
-    style={
-      Object {
-        "background": "none",
-        "border": 0,
-        "bottom": "0",
-        "cursor": "pointer",
-        "display": "inline-flex",
-        "fontSize": "1.5rem",
-        "left": "0",
-        "margin": ".5rem",
-        "padding": 0,
-        "position": "fixed",
-        "right": "0",
-        "width": "fit-content",
-        "zIndex": "99999",
-      }
-    }
-    type="button"
-  >
-    <svg
-      aria-hidden={true}
-      height="40px"
-      version="1.1"
-      viewBox="0 0 190 190"
-      width="40px"
-    >
-      <g
-        fill="none"
-        fillRule="evenodd"
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
-      >
-        <g
-          id="og-white"
-          transform="translate(-33.000000, 0.000000)"
-        >
-          <path
-            d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-            fill="#002C4B"
-            fillRule="nonzero"
-            id="Path"
-            transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-          />
-          <path
-            d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-            fill="#FFD94C"
-            id="Polygon-2"
-          />
-          <path
-            d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-            fill="#FF4154"
-            id="Combined-Shape"
-          />
-        </g>
-      </g>
-    </svg>
-  </button>
-</footer>
-`;
+exports[`Storyshots Toast Warning 1`] = `null`;
 
 exports[`Storyshots Tooltip Default 1`] = `
-Array [
+<div
+  className="Tooltipstories__Wrapper-sc-1c34uq-0 gFTijL"
+>
   <div
-    className="Tooltipstories__Wrapper-sc-1c34uq-0 gFTijL"
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
   >
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
+    <span
+      className="tooltip has-tooltip-right"
+      data-tooltip="Heart of Gold"
     >
-      <span
-        className="tooltip has-tooltip-right"
-        data-tooltip="Heart of Gold"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          right
-           
-        </button>
+        right
          
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
-    >
-      <span
-        className="tooltip has-tooltip-top"
-        data-tooltip="Heart of Gold"
-      >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          top
-           
-        </button>
-         
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
-    >
-      <span
-        className="tooltip has-tooltip-left"
-        data-tooltip="Heart of Gold"
-      >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          left
-           
-        </button>
-         
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
-    >
-      <span
-        className="tooltip has-tooltip-bottom"
-        data-tooltip="Heart of Gold"
-      >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          bottom
-           
-        </button>
-         
-      </span>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
   >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+    <span
+      className="tooltip has-tooltip-top"
+      data-tooltip="Heart of Gold"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+        top
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
+  >
+    <span
+      className="tooltip has-tooltip-left"
+      data-tooltip="Heart of Gold"
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+        left
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
+  >
+    <span
+      className="tooltip has-tooltip-bottom"
+      data-tooltip="Heart of Gold"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        bottom
+         
+      </button>
+       
+    </span>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Tooltip Multiline 1`] = `
-Array [
+<div
+  className="Tooltipstories__Wrapper-sc-1c34uq-0 gFTijL"
+>
   <div
-    className="Tooltipstories__Wrapper-sc-1c34uq-0 gFTijL"
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
   >
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
-    >
-      <span
-        className="tooltip has-tooltip-right"
-        data-tooltip="Characters:
+    <span
+      className="tooltip has-tooltip-right"
+      data-tooltip="Characters:
 
 - Arthur Dent
 - Ford Prefect
@@ -148137,1252 +71352,179 @@ Array [
 - Marvin the Paranoid Android
 - Trillian
 - Slartibartfast"
-      >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          right
-           
-        </button>
-         
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
     >
-      <span
-        className="tooltip has-tooltip-top"
-        data-tooltip="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          top
-           
-        </button>
+        right
          
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
-    >
-      <span
-        className="tooltip has-tooltip-left"
-        data-tooltip="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
-      >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          left
-           
-        </button>
-         
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
-    >
-      <span
-        className="tooltip has-tooltip-bottom"
-        data-tooltip="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
-      >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          bottom
-           
-        </button>
-         
-      </span>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
   >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+    <span
+      className="tooltip has-tooltip-top"
+      data-tooltip="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+        top
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
+  >
+    <span
+      className="tooltip has-tooltip-left"
+      data-tooltip="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+        left
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
+  >
+    <span
+      className="tooltip has-tooltip-bottom"
+      data-tooltip="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        bottom
+         
+      </button>
+       
+    </span>
+  </div>
+</div>
 `;
 
 exports[`Storyshots Tooltip Short Multiline 1`] = `
-Array [
+<div
+  className="Tooltipstories__Wrapper-sc-1c34uq-0 gFTijL"
+>
   <div
-    className="Tooltipstories__Wrapper-sc-1c34uq-0 gFTijL"
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
   >
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
-    >
-      <span
-        className="tooltip has-tooltip-right"
-        data-tooltip="* a
+    <span
+      className="tooltip has-tooltip-right"
+      data-tooltip="* a
 * b
 * c"
-      >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          right
-           
-        </button>
-         
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
     >
-      <span
-        className="tooltip has-tooltip-top"
-        data-tooltip="* a
-* b
-* c"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          top
-           
-        </button>
+        right
          
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
-    >
-      <span
-        className="tooltip has-tooltip-left"
-        data-tooltip="* a
-* b
-* c"
-      >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          left
-           
-        </button>
-         
-      </span>
-    </div>
-    <div
-      className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
-    >
-      <span
-        className="tooltip has-tooltip-bottom"
-        data-tooltip="* a
-* b
-* c"
-      >
-        <button
-          className="button is-info"
-          onClick={[Function]}
-          type="button"
-        >
-          bottom
-           
-        </button>
-         
-      </span>
-    </div>
-  </div>,
-  <footer
-    className="ReactQueryDevtools"
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
   >
-    <div
-      className="ReactQueryDevtoolsPanel"
-      style={
-        Object {
-          "backgroundColor": "#0b1521",
-          "borderTop": "1px solid #3f4e60",
-          "bottom": "0",
-          "boxShadow": "0 0 20px rgba(0,0,0,.3)",
-          "color": "white",
-          "display": "flex",
-          "fontFamily": "sans-serif",
-          "fontSize": "clamp(12px, 1.5vw, 14px)",
-          "height": 500,
-          "maxHeight": "90%",
-          "opacity": 0,
-          "pointerEvents": "none",
-          "position": "fixed",
-          "right": "0",
-          "transform": "translateY(15px) scale(1.02)",
-          "transformOrigin": "top",
-          "transition": "all .2s ease",
-          "width": "100%",
-          "zIndex": "99999",
-        }
-      }
-      suppressHydrationWarning={true}
+    <span
+      className="tooltip has-tooltip-top"
+      data-tooltip="* a
+* b
+* c"
     >
-      <style
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "
-            .ReactQueryDevtoolsPanel * {
-              scrollbar-color: #132337 #3f4e60;
-            }
-              
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar, .ReactQueryDevtoolsPanel scrollbar {
-              width: 1rem;
-              height: 1rem;
-            }
-            
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-track, .ReactQueryDevtoolsPanel scrollbar-track {
-              background: #132337;
-            }
-             
-            .ReactQueryDevtoolsPanel *::-webkit-scrollbar-thumb, .ReactQueryDevtoolsPanel scrollbar-thumb {
-              background: #3f4e60;
-              border-radius: .5rem;
-              border: 3px solid #132337;
-            }
-          ",
-          }
-        }
-      />
-      <div
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "cursor": "row-resize",
-            "height": "4px",
-            "left": 0,
-            "marginBottom": "-4px",
-            "position": "absolute",
-            "top": 0,
-            "width": "100%",
-            "zIndex": 100000,
-          }
-        }
-      />
-      <div
-        style={
-          Object {
-            "borderRight": "1px solid #222e3e",
-            "display": "flex",
-            "flex": "1 1 500px",
-            "flexDirection": "column",
-            "maxHeight": "100%",
-            "minHeight": "40%",
-            "overflow": "auto",
-          }
-        }
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <div
-          style={
-            Object {
-              "alignItems": "center",
-              "background": "#132337",
-              "display": "flex",
-              "justifyContent": "space-between",
-              "padding": ".5rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden={true}
-            height="40px"
-            style={
-              Object {
-                "marginRight": ".5rem",
-              }
-            }
-            version="1.1"
-            viewBox="0 0 190 190"
-            width="40px"
-          >
-            <g
-              fill="none"
-              fillRule="evenodd"
-              id="Page-1"
-              stroke="none"
-              strokeWidth="1"
-            >
-              <g
-                id="og-white"
-                transform="translate(-33.000000, 0.000000)"
-              >
-                <path
-                  d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-                  fill="#002C4B"
-                  fillRule="nonzero"
-                  id="Path"
-                  transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-                />
-                <path
-                  d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-                  fill="#FFD94C"
-                  id="Polygon-2"
-                />
-                <path
-                  d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-                  fill="#FF4154"
-                  id="Combined-Shape"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            style={
-              Object {
-                "display": "flex",
-                "flexDirection": "column",
-              }
-            }
-          >
-            <span
-              style={
-                Object {
-                  "display": "inline-block",
-                  "fontSize": "0.9em",
-                  "marginBottom": ".5rem",
-                }
-              }
-            >
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#00ab52",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fresh 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#006bff",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                fetching
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#ffb200",
-                    "borderRadius": ".2em",
-                    "color": "black",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 0.3,
-                    "padding": ".2em .4em",
-                    "textShadow": "0",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                stale 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  0
-                  )
-                </code>
-              </span>
-               
-              <span
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "background": "#3f4e60",
-                    "borderRadius": ".2em",
-                    "display": "inline-flex",
-                    "fontWeight": "bold",
-                    "opacity": 1,
-                    "padding": ".2em .4em",
-                    "textShadow": "0 0 10px black",
-                  }
-                }
-                suppressHydrationWarning={true}
-              >
-                inactive
-                 
-                <code
-                  style={
-                    Object {
-                      "fontSize": ".9em",
-                    }
-                  }
-                  suppressHydrationWarning={true}
-                >
-                  (
-                  2
-                  )
-                </code>
-              </span>
-            </span>
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                }
-              }
-            >
-              <input
-                onChange={[Function]}
-                onKeyDown={[Function]}
-                placeholder="Filter"
-                style={
-                  Object {
-                    "backgroundColor": "#fff",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "flex": "1",
-                    "fontSize": ".9em",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "padding": ".3em .4em",
-                  }
-                }
-                value=""
-              />
-              <select
-                onChange={[Function]}
-                style={
-                  Object {
-                    "WebkitAppearance": "none",
-                    "appearance": "none",
-                    "backgroundColor": "#fff",
-                    "backgroundImage": "url(\\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\\")",
-                    "backgroundPosition": "right .55em center",
-                    "backgroundRepeat": "no-repeat",
-                    "backgroundSize": ".65em auto, 100%",
-                    "border": 0,
-                    "borderRadius": ".2em",
-                    "color": "#000",
-                    "display": "inline-block",
-                    "flex": "1",
-                    "fontFamily": "sans-serif",
-                    "fontSize": ".9em",
-                    "fontWeight": "normal",
-                    "height": "auto",
-                    "lineHeight": "1.3",
-                    "marginRight": ".5rem",
-                    "minWidth": 75,
-                    "padding": ".3em 1.5em .3em .5em",
-                  }
-                }
-                value="Status > Last Updated"
-              >
-                <option
-                  value="Status > Last Updated"
-                >
-                  Sort by 
-                  Status &gt; Last Updated
-                </option>
-                <option
-                  value="Query Hash"
-                >
-                  Sort by 
-                  Query Hash
-                </option>
-                <option
-                  value="Last Updated"
-                >
-                  Sort by 
-                  Last Updated
-                </option>
-              </select>
-              <button
-                onClick={[Function]}
-                style={
-                  Object {
-                    "appearance": "none",
-                    "background": "#3f4e60",
-                    "border": "0",
-                    "borderRadius": ".3em",
-                    "color": "white",
-                    "cursor": "pointer",
-                    "fontSize": ".9em",
-                    "fontWeight": "bold",
-                    "opacity": undefined,
-                    "padding": ".3rem .4rem",
-                  }
-                }
-                type="button"
-              >
-                ⬆ Asc
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "flex": "1",
-              "overflowY": "auto",
-            }
-          }
-          suppressHydrationWarning={true}
-        >
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "me"
-            </code>
-          </div>
-          <div
-            onClick={[Function]}
-            style={
-              Object {
-                "background": undefined,
-                "borderBottom": "solid 1px #222e3e",
-                "cursor": "pointer",
-                "display": "flex",
-              }
-            }
-            suppressHydrationWarning={true}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "background": "#3f4e60",
-                  "color": "white",
-                  "display": "flex",
-                  "flex": "0 0 auto",
-                  "fontWeight": "bold",
-                  "height": "2rem",
-                  "justifyContent": "center",
-                  "textShadow": "0 0 10px black",
-                  "width": "2rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              0
-            </div>
-            <code
-              style={
-                Object {
-                  "fontSize": ".9em",
-                  "padding": ".5rem",
-                }
-              }
-              suppressHydrationWarning={true}
-            >
-              "index"
-            </code>
-          </div>
-        </div>
-      </div>
-    </div>
-    <button
-      aria-label="Open React Query Devtools"
-      onClick={[Function]}
-      style={
-        Object {
-          "background": "none",
-          "border": 0,
-          "bottom": "0",
-          "cursor": "pointer",
-          "display": "inline-flex",
-          "fontSize": "1.5rem",
-          "left": "0",
-          "margin": ".5rem",
-          "padding": 0,
-          "position": "fixed",
-          "right": "0",
-          "width": "fit-content",
-          "zIndex": "99999",
-        }
-      }
-      type="button"
+        top
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
+  >
+    <span
+      className="tooltip has-tooltip-left"
+      data-tooltip="* a
+* b
+* c"
     >
-      <svg
-        aria-hidden={true}
-        height="40px"
-        version="1.1"
-        viewBox="0 0 190 190"
-        width="40px"
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
       >
-        <g
-          fill="none"
-          fillRule="evenodd"
-          id="Page-1"
-          stroke="none"
-          strokeWidth="1"
-        >
-          <g
-            id="og-white"
-            transform="translate(-33.000000, 0.000000)"
-          >
-            <path
-              d="M72.7239712,61.3436237 C69.631224,46.362877 68.9675112,34.8727722 70.9666331,26.5293551 C72.1555965,21.5671678 74.3293088,17.5190846 77.6346064,14.5984631 C81.1241394,11.5150478 85.5360327,10.0020122 90.493257,10.0020122 C98.6712013,10.0020122 107.26826,13.7273214 116.455725,20.8044264 C120.20312,23.6910458 124.092437,27.170411 128.131651,31.2444746 C128.45314,30.8310265 128.816542,30.4410453 129.22143,30.0806152 C140.64098,19.9149716 150.255245,13.5989272 158.478408,11.1636507 C163.367899,9.715636 167.958526,9.57768202 172.138936,10.983031 C176.551631,12.4664684 180.06766,15.5329489 182.548314,19.8281091 C186.642288,26.9166735 187.721918,36.2310983 186.195595,47.7320243 C185.573451,52.4199112 184.50985,57.5263831 183.007094,63.0593153 C183.574045,63.1277086 184.142416,63.2532808 184.705041,63.4395297 C199.193932,68.2358678 209.453582,73.3937462 215.665021,79.2882839 C219.360669,82.7953831 221.773972,86.6998434 222.646365,91.0218204 C223.567176,95.5836746 222.669313,100.159332 220.191548,104.451297 C216.105211,111.529614 208.591643,117.11221 197.887587,121.534031 C193.589552,123.309539 188.726579,124.917559 183.293259,126.363748 C183.541176,126.92292 183.733521,127.516759 183.862138,128.139758 C186.954886,143.120505 187.618598,154.61061 185.619477,162.954027 C184.430513,167.916214 182.256801,171.964297 178.951503,174.884919 C175.46197,177.968334 171.050077,179.48137 166.092853,179.48137 C157.914908,179.48137 149.31785,175.756061 140.130385,168.678956 C136.343104,165.761613 132.410866,162.238839 128.325434,158.108619 C127.905075,158.765474 127.388968,159.376011 126.77857,159.919385 C115.35902,170.085028 105.744755,176.401073 97.5215915,178.836349 C92.6321009,180.284364 88.0414736,180.422318 83.8610636,179.016969 C79.4483686,177.533532 75.9323404,174.467051 73.4516862,170.171891 C69.3577116,163.083327 68.2780823,153.768902 69.8044053,142.267976 C70.449038,137.410634 71.56762,132.103898 73.1575891,126.339009 C72.5361041,126.276104 71.9120754,126.144816 71.2949591,125.940529 C56.8060684,121.144191 46.5464184,115.986312 40.3349789,110.091775 C36.6393312,106.584675 34.2260275,102.680215 33.3536352,98.3582381 C32.4328237,93.7963839 33.3306866,89.2207269 35.8084524,84.9287618 C39.8947886,77.8504443 47.4083565,72.2678481 58.1124133,67.8460273 C62.5385143,66.0176154 67.5637208,64.366822 73.1939394,62.8874674 C72.9933393,62.3969171 72.8349374,61.8811235 72.7239712,61.3436237 Z"
-              fill="#002C4B"
-              fillRule="nonzero"
-              id="Path"
-              transform="translate(128.000000, 95.000000) scale(-1, 1) translate(-128.000000, -95.000000) "
-            />
-            <path
-              d="M113.396882,64 L142.608177,64 C144.399254,64 146.053521,64.958025 146.944933,66.5115174 L161.577138,92.0115174 C162.461464,93.5526583 162.461464,95.4473417 161.577138,96.9884826 L146.944933,122.488483 C146.053521,124.041975 144.399254,125 142.608177,125 L113.396882,125 C111.605806,125 109.951539,124.041975 109.060126,122.488483 L94.4279211,96.9884826 C93.543596,95.4473417 93.543596,93.5526583 94.4279211,92.0115174 L109.060126,66.5115174 C109.951539,64.958025 111.605806,64 113.396882,64 Z M138.987827,70.2765273 C140.779849,70.2765273 142.434839,71.2355558 143.325899,72.7903404 L154.343038,92.0138131 C155.225607,93.5537825 155.225607,95.4462175 154.343038,96.9861869 L143.325899,116.20966 C142.434839,117.764444 140.779849,118.723473 138.987827,118.723473 L117.017233,118.723473 C115.225211,118.723473 113.570221,117.764444 112.67916,116.20966 L101.662022,96.9861869 C100.779452,95.4462175 100.779452,93.5537825 101.662022,92.0138131 L112.67916,72.7903404 C113.570221,71.2355558 115.225211,70.2765273 117.017233,70.2765273 L138.987827,70.2765273 Z M135.080648,77.1414791 L120.924411,77.1414791 C119.134228,77.1414791 117.480644,78.0985567 116.5889,79.6508285 L116.5889,79.6508285 L109.489217,92.0093494 C108.603232,93.5515958 108.603232,95.4484042 109.489217,96.9906506 L109.489217,96.9906506 L116.5889,109.349172 C117.480644,110.901443 119.134228,111.858521 120.924411,111.858521 L120.924411,111.858521 L135.080648,111.858521 C136.870831,111.858521 138.524416,110.901443 139.41616,109.349172 L139.41616,109.349172 L146.515843,96.9906506 C147.401828,95.4484042 147.401828,93.5515958 146.515843,92.0093494 L146.515843,92.0093494 L139.41616,79.6508285 C138.524416,78.0985567 136.870831,77.1414791 135.080648,77.1414791 L135.080648,77.1414791 Z M131.319186,83.7122186 C133.108028,83.7122186 134.760587,84.6678753 135.652827,86.2183156 L138.983552,92.0060969 C139.87203,93.5500005 139.87203,95.4499995 138.983552,96.9939031 L135.652827,102.781684 C134.760587,104.332125 133.108028,105.287781 131.319186,105.287781 L124.685874,105.287781 C122.897032,105.287781 121.244473,104.332125 120.352233,102.781684 L117.021508,96.9939031 C116.13303,95.4499995 116.13303,93.5500005 117.021508,92.0060969 L120.352233,86.2183156 C121.244473,84.6678753 122.897032,83.7122186 124.685874,83.7122186 L131.319186,83.7122186 Z M128.003794,90.1848875 C126.459294,90.1848875 125.034382,91.0072828 124.263005,92.3424437 C123.491732,93.6774232 123.491732,95.3225768 124.263005,96.6575563 C125.034382,97.9927172 126.459294,98.8151125 128.001266,98.8151125 L128.001266,98.8151125 C129.545766,98.8151125 130.970678,97.9927172 131.742055,96.6575563 C132.513327,95.3225768 132.513327,93.6774232 131.742055,92.3424437 C130.970678,91.0072828 129.545766,90.1848875 128.003794,90.1848875 L128.003794,90.1848875 Z M93,94.5009646 L100.767764,94.5009646"
-              fill="#FFD94C"
-              id="Polygon-2"
-            />
-            <path
-              d="M87.8601729,108.357758 C89.1715224,107.608286 90.8360246,108.074601 91.5779424,109.399303 L91.5779424,109.399303 L92.0525843,110.24352 C95.8563392,116.982993 99.8190116,123.380176 103.940602,129.435068 C108.807881,136.585427 114.28184,143.82411 120.362479,151.151115 C121.316878,152.30114 121.184944,154.011176 120.065686,154.997937 L120.065686,154.997937 L119.454208,155.534625 C99.3465389,173.103314 86.2778188,176.612552 80.2480482,166.062341 C74.3500652,155.742717 76.4844915,136.982888 86.6513274,109.782853 C86.876818,109.179582 87.3045861,108.675291 87.8601729,108.357758 Z M173.534177,129.041504 C174.986131,128.785177 176.375496,129.742138 176.65963,131.194242 L176.65963,131.194242 L176.812815,131.986376 C181.782365,157.995459 178.283348,171 166.315764,171 C154.609745,171 139.708724,159.909007 121.612702,137.727022 C121.211349,137.235047 120.994572,136.617371 121,135.981509 C121.013158,134.480686 122.235785,133.274651 123.730918,133.287756 L123.730918,133.287756 L124.684654,133.294531 C132.305698,133.335994 139.714387,133.071591 146.910723,132.501323 C155.409039,131.82788 164.283523,130.674607 173.534177,129.041504 Z M180.408726,73.8119663 C180.932139,72.4026903 182.508386,71.6634537 183.954581,72.149012 L183.954581,72.149012 L184.742552,72.4154854 C210.583763,81.217922 220.402356,90.8916805 214.198332,101.436761 C208.129904,111.751366 190.484347,119.260339 161.26166,123.963678 C160.613529,124.067994 159.948643,123.945969 159.382735,123.618843 C158.047025,122.846729 157.602046,121.158214 158.388848,119.847438 L158.388848,119.847438 L158.889328,119.0105 C162.877183,112.31633 166.481358,105.654262 169.701854,99.0242957 C173.50501,91.1948179 177.073967,82.7907081 180.408726,73.8119663 Z M94.7383398,66.0363218 C95.3864708,65.9320063 96.0513565,66.0540315 96.6172646,66.3811573 C97.9529754,67.153271 98.3979538,68.8417862 97.6111517,70.1525615 L97.6111517,70.1525615 L97.1106718,70.9895001 C93.1228168,77.6836699 89.5186416,84.3457379 86.2981462,90.9757043 C82.49499,98.8051821 78.9260328,107.209292 75.5912744,116.188034 C75.0678608,117.59731 73.4916142,118.336546 72.045419,117.850988 L72.045419,117.850988 L71.2574475,117.584515 C45.4162372,108.782078 35.597644,99.1083195 41.8016679,88.5632391 C47.8700957,78.2486335 65.515653,70.7396611 94.7383398,66.0363218 Z M136.545792,34.4653746 C156.653461,16.8966864 169.722181,13.3874478 175.751952,23.9376587 C181.649935,34.2572826 179.515508,53.0171122 169.348673,80.2171474 C169.123182,80.8204179 168.695414,81.324709 168.139827,81.6422422 C166.828478,82.3917144 165.163975,81.9253986 164.422058,80.6006966 L164.422058,80.6006966 L163.947416,79.7564798 C160.143661,73.0170065 156.180988,66.6198239 152.059398,60.564932 C147.192119,53.4145727 141.71816,46.1758903 135.637521,38.8488847 C134.683122,37.6988602 134.815056,35.9888243 135.934314,35.0020629 L135.934314,35.0020629 Z M90.6842361,18 C102.390255,18 117.291276,29.0909926 135.387298,51.2729777 C135.788651,51.7649527 136.005428,52.3826288 136,53.0184911 C135.986842,54.5193144 134.764215,55.7253489 133.269082,55.7122445 L133.269082,55.7122445 L132.315346,55.7054689 C124.694302,55.6640063 117.285613,55.9284091 110.089277,56.4986773 C101.590961,57.17212 92.7164767,58.325393 83.4658235,59.9584962 C82.0138691,60.2148231 80.6245044,59.2578618 80.3403697,57.805758 L80.3403697,57.805758 L80.1871846,57.0136235 C75.2176347,31.0045412 78.7166519,18 90.6842361,18 Z"
-              fill="#FF4154"
-              id="Combined-Shape"
-            />
-          </g>
-        </g>
-      </svg>
-    </button>
-  </footer>,
-]
+        left
+         
+      </button>
+       
+    </span>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 kNjogf"
+  >
+    <span
+      className="tooltip has-tooltip-bottom"
+      data-tooltip="* a
+* b
+* c"
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+        bottom
+         
+      </button>
+       
+    </span>
+  </div>
+</div>
 `;
diff --git a/scm-ui/ui-components/src/index.ts b/scm-ui/ui-components/src/index.ts
index babacebec8..8878e85636 100644
--- a/scm-ui/ui-components/src/index.ts
+++ b/scm-ui/ui-components/src/index.ts
@@ -67,7 +67,7 @@ export { default as GroupAutocomplete } from "./GroupAutocomplete";
 export { default as UserAutocomplete } from "./UserAutocomplete";
 export { default as BranchSelector } from "./BranchSelector";
 export { default as Breadcrumb } from "./Breadcrumb";
-export { default as MarkdownView } from "./MarkdownView";
+export { default as MarkdownView } from "./markdown/MarkdownView";
 export { default as SyntaxHighlighter } from "./SyntaxHighlighter";
 export { default as ErrorBoundary } from "./ErrorBoundary";
 export { default as OverviewPageActions } from "./OverviewPageActions";
@@ -77,7 +77,8 @@ export { default as CardColumn } from "./CardColumn";
 export { default as CardColumnSmall } from "./CardColumnSmall";
 export { default as CommaSeparatedList } from "./CommaSeparatedList";
 export { default as SplitAndReplace, Replacement } from "./SplitAndReplace";
-export { regExpPattern as changesetShortLinkRegex } from "./remarkChangesetShortLinkParser";
+export { regExpPattern as changesetShortLinkRegex } from "./markdown/remarkChangesetShortLinkParser";
+export * from "./markdown/PluginApi";
 
 export { default as comparators } from "./comparators";
 
diff --git a/scm-ui/ui-components/src/MarkdownCodeRenderer.tsx b/scm-ui/ui-components/src/markdown/MarkdownCodeRenderer.tsx
similarity index 97%
rename from scm-ui/ui-components/src/MarkdownCodeRenderer.tsx
rename to scm-ui/ui-components/src/markdown/MarkdownCodeRenderer.tsx
index d5c19079be..056794ec36 100644
--- a/scm-ui/ui-components/src/MarkdownCodeRenderer.tsx
+++ b/scm-ui/ui-components/src/markdown/MarkdownCodeRenderer.tsx
@@ -23,7 +23,7 @@
  */
 
 import React, { FC } from "react";
-import SyntaxHighlighter from "./SyntaxHighlighter";
+import SyntaxHighlighter from "../SyntaxHighlighter";
 import { ExtensionPoint, useBinder } from "@scm-manager/ui-extensions";
 import { useIndexLinks } from "@scm-manager/ui-api";
 
diff --git a/scm-ui/ui-components/src/MarkdownHeadingRenderer.test.ts b/scm-ui/ui-components/src/markdown/MarkdownHeadingRenderer.test.ts
similarity index 100%
rename from scm-ui/ui-components/src/MarkdownHeadingRenderer.test.ts
rename to scm-ui/ui-components/src/markdown/MarkdownHeadingRenderer.test.ts
diff --git a/scm-ui/ui-components/src/MarkdownHeadingRenderer.tsx b/scm-ui/ui-components/src/markdown/MarkdownHeadingRenderer.tsx
similarity index 97%
rename from scm-ui/ui-components/src/MarkdownHeadingRenderer.tsx
rename to scm-ui/ui-components/src/markdown/MarkdownHeadingRenderer.tsx
index cda694ffdc..33d9d0891e 100644
--- a/scm-ui/ui-components/src/MarkdownHeadingRenderer.tsx
+++ b/scm-ui/ui-components/src/markdown/MarkdownHeadingRenderer.tsx
@@ -25,10 +25,10 @@ import React, { FC, ReactNode, useState } from "react";
 import { useHistory, useLocation } from "react-router-dom";
 import { urls } from "@scm-manager/ui-api";
 import styled from "styled-components";
-import Icon from "./Icon";
-import Tooltip from "./Tooltip";
+import Icon from "../Icon";
+import Tooltip from "../Tooltip";
 import { useTranslation } from "react-i18next";
-import copyToClipboard from "./CopyToClipboard";
+import copyToClipboard from "../CopyToClipboard";
 
 /**
  * Adds anchor links to markdown headings.
diff --git a/scm-ui/ui-components/src/MarkdownLinkRenderer.test.tsx b/scm-ui/ui-components/src/markdown/MarkdownLinkRenderer.test.tsx
similarity index 100%
rename from scm-ui/ui-components/src/MarkdownLinkRenderer.test.tsx
rename to scm-ui/ui-components/src/markdown/MarkdownLinkRenderer.test.tsx
diff --git a/scm-ui/ui-components/src/MarkdownLinkRenderer.tsx b/scm-ui/ui-components/src/markdown/MarkdownLinkRenderer.tsx
similarity index 98%
rename from scm-ui/ui-components/src/MarkdownLinkRenderer.tsx
rename to scm-ui/ui-components/src/markdown/MarkdownLinkRenderer.tsx
index b88da10601..b285d91d8c 100644
--- a/scm-ui/ui-components/src/MarkdownLinkRenderer.tsx
+++ b/scm-ui/ui-components/src/markdown/MarkdownLinkRenderer.tsx
@@ -23,7 +23,7 @@
  */
 import React, { FC } from "react";
 import { Link, useLocation } from "react-router-dom";
-import ExternalLink from "./navigation/ExternalLink";
+import ExternalLink from "../navigation/ExternalLink";
 import { urls } from "@scm-manager/ui-api";
 
 const externalLinkRegex = new RegExp("^http(s)?://");
diff --git a/scm-ui/ui-components/src/MarkdownView.stories.tsx b/scm-ui/ui-components/src/markdown/MarkdownView.stories.tsx
similarity index 83%
rename from scm-ui/ui-components/src/MarkdownView.stories.tsx
rename to scm-ui/ui-components/src/markdown/MarkdownView.stories.tsx
index c8b465277c..9517e9d452 100644
--- a/scm-ui/ui-components/src/MarkdownView.stories.tsx
+++ b/scm-ui/ui-components/src/markdown/MarkdownView.stories.tsx
@@ -26,16 +26,16 @@ import { storiesOf } from "@storybook/react";
 import MarkdownView from "./MarkdownView";
 import styled from "styled-components";
 
-import TestPage from "./__resources__/test-page.md";
-import MarkdownWithoutLang from "./__resources__/markdown-without-lang.md";
-import MarkdownXmlCodeBlock from "./__resources__/markdown-xml-codeblock.md";
-import MarkdownUmlCodeBlock from "./__resources__/markdown-uml-codeblock.md";
-import MarkdownInlineXml from "./__resources__/markdown-inline-xml.md";
-import MarkdownLinks from "./__resources__/markdown-links.md";
-import MarkdownCommitLinks from "./__resources__/markdown-commit-link.md";
-import MarkdownXss from "./__resources__/markdown-xss.md";
-import Title from "./layout/Title";
-import { Subtitle } from "./layout";
+import TestPage from "../__resources__/test-page.md";
+import MarkdownWithoutLang from "../__resources__/markdown-without-lang.md";
+import MarkdownXmlCodeBlock from "../__resources__/markdown-xml-codeblock.md";
+import MarkdownUmlCodeBlock from "../__resources__/markdown-uml-codeblock.md";
+import MarkdownInlineXml from "../__resources__/markdown-inline-xml.md";
+import MarkdownLinks from "../__resources__/markdown-links.md";
+import MarkdownCommitLinks from "../__resources__/markdown-commit-link.md";
+import MarkdownXss from "../__resources__/markdown-xss.md";
+import Title from "../layout/Title";
+import { Subtitle } from "../layout";
 import { MemoryRouter } from "react-router-dom";
 import { Binder, BinderContext } from "@scm-manager/ui-extensions";
 
diff --git a/scm-ui/ui-components/src/MarkdownView.tsx b/scm-ui/ui-components/src/markdown/MarkdownView.tsx
similarity index 91%
rename from scm-ui/ui-components/src/MarkdownView.tsx
rename to scm-ui/ui-components/src/markdown/MarkdownView.tsx
index ea952d983e..525aa132dd 100644
--- a/scm-ui/ui-components/src/MarkdownView.tsx
+++ b/scm-ui/ui-components/src/markdown/MarkdownView.tsx
@@ -27,13 +27,15 @@ import Markdown from "react-markdown";
 import MarkdownWithHtml from "react-markdown/with-html";
 import gfm from "remark-gfm";
 import { binder } from "@scm-manager/ui-extensions";
-import ErrorBoundary from "./ErrorBoundary";
+import ErrorBoundary from "../ErrorBoundary";
 import { create as createMarkdownHeadingRenderer } from "./MarkdownHeadingRenderer";
 import { create as createMarkdownLinkRenderer } from "./MarkdownLinkRenderer";
 import { useTranslation, WithTranslation, withTranslation } from "react-i18next";
-import Notification from "./Notification";
+import Notification from "../Notification";
 import { createTransformer } from "./remarkChangesetShortLinkParser";
 import MarkdownCodeRenderer from "./MarkdownCodeRenderer";
+import { AstPlugin } from "./PluginApi";
+import createMdastPlugin from "./createMdastPlugin";
 
 type Props = RouteComponentProps &
   WithTranslation & {
@@ -45,6 +47,7 @@ type Props = RouteComponentProps &
     // basePath for markdown links
     basePath?: string;
     permalink?: string;
+    mdastPlugins?: AstPlugin[];
   };
 
 type State = {
@@ -117,7 +120,17 @@ class MarkdownView extends React.Component<Props, State> {
   }
 
   render() {
-    const { content, renderers, renderContext, enableAnchorHeadings, skipHtml, basePath, permalink, t } = this.props;
+    const {
+      content,
+      renderers,
+      renderContext,
+      enableAnchorHeadings,
+      skipHtml,
+      basePath,
+      permalink,
+      t,
+      mdastPlugins = []
+    } = this.props;
 
     const rendererFactory = binder.getExtension("markdown-renderer-factory");
     let rendererList = renderers;
@@ -142,11 +155,13 @@ class MarkdownView extends React.Component<Props, State> {
       rendererList.code = MarkdownCodeRenderer;
     }
 
+    const plugins = [...mdastPlugins, createTransformer(t)].map(createMdastPlugin);
+
     const baseProps = {
       className: "content is-word-break",
       renderers: rendererList,
       plugins: [gfm],
-      astPlugins: [createTransformer(t)],
+      astPlugins: plugins,
       children: content
     };
 
diff --git a/scm-ui/ui-components/src/markdown/PluginApi.ts b/scm-ui/ui-components/src/markdown/PluginApi.ts
new file mode 100644
index 0000000000..2f614d9a42
--- /dev/null
+++ b/scm-ui/ui-components/src/markdown/PluginApi.ts
@@ -0,0 +1,9 @@
+import { Node, Parent } from "unist";
+
+export type Visitor = (node: Node, index: number, parent?: Parent) => void;
+
+export type AstPluginContext = {
+  visit: (type: string, visitor: Visitor) => void;
+};
+
+export type AstPlugin = (context: AstPluginContext) => void;
diff --git a/scm-ui/ui-components/src/markdown/createMdastPlugin.ts b/scm-ui/ui-components/src/markdown/createMdastPlugin.ts
new file mode 100644
index 0000000000..f072a5ba7d
--- /dev/null
+++ b/scm-ui/ui-components/src/markdown/createMdastPlugin.ts
@@ -0,0 +1,12 @@
+import { AstPlugin } from "./PluginApi";
+// @ts-ignore No types available
+import visit from "unist-util-visit";
+
+export default function createMdastPlugin(plugin: AstPlugin): any {
+  return (tree: any) => {
+    plugin({
+      visit: (type, visitor) => visit(tree, type, visitor)
+    });
+    return tree;
+  };
+}
diff --git a/scm-ui/ui-components/src/remarkChangesetShortLinkParser.test.ts b/scm-ui/ui-components/src/markdown/remarkChangesetShortLinkParser.test.ts
similarity index 100%
rename from scm-ui/ui-components/src/remarkChangesetShortLinkParser.test.ts
rename to scm-ui/ui-components/src/markdown/remarkChangesetShortLinkParser.test.ts
diff --git a/scm-ui/ui-components/src/remarkChangesetShortLinkParser.ts b/scm-ui/ui-components/src/markdown/remarkChangesetShortLinkParser.ts
similarity index 86%
rename from scm-ui/ui-components/src/remarkChangesetShortLinkParser.ts
rename to scm-ui/ui-components/src/markdown/remarkChangesetShortLinkParser.ts
index aacc1404e2..6ed4d78411 100644
--- a/scm-ui/ui-components/src/remarkChangesetShortLinkParser.ts
+++ b/scm-ui/ui-components/src/markdown/remarkChangesetShortLinkParser.ts
@@ -22,10 +22,10 @@
  * SOFTWARE.
  */
 
-import { nameRegex } from "./validation";
-// @ts-ignore No types available
-import visit from "unist-util-visit";
+import { nameRegex } from "../validation";
 import { TFunction } from "i18next";
+import { AstPlugin } from "./PluginApi";
+import { Node, Parent } from "unist";
 
 const namePartRegex = nameRegex.source.substring(1, nameRegex.source.length - 1);
 
@@ -42,14 +42,14 @@ function match(value: string): RegExpMatchArray[] {
   return matches;
 }
 
-export const createTransformer = (t: TFunction) => {
-  return (tree: any) => {
-    visit(tree, "text", (node: any, index: number, parent: any) => {
-      if (parent.type === "link" || !node.value) {
+export const createTransformer = (t: TFunction): AstPlugin => {
+  return ({ visit }) => {
+    visit("text", (node: Node, index: number, parent?: Parent) => {
+      if (!parent || parent.type === "link" || !node.value) {
         return;
       }
 
-      let nodeText = node.value;
+      let nodeText = node.value as string;
       const matches = match(nodeText);
 
       if (matches.length > 0) {
@@ -89,12 +89,11 @@ export const createTransformer = (t: TFunction) => {
           });
         }
 
-        parent.children![index] = {
+        parent.children[index] = {
           type: "text",
           children
         };
       }
     });
-    return tree;
   };
 };